:root { color-scheme: dark; --ink:#f1eee8; --muted:#9b9d96; --line:rgba(255,255,255,.15); --signal:#ff6d31; font-family:"Helvetica Neue",Helvetica,Arial,"Pretendard",sans-serif; }
* { box-sizing:border-box; }
html { background:#090a09; scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#090a09; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.case-nav { position:fixed; z-index:20; inset:0 0 auto; display:flex; justify-content:space-between; padding:22px clamp(20px,4vw,64px); mix-blend-mode:difference; font-size:9px; font-weight:700; letter-spacing:.14em; }
.case-nav a:last-child { border-bottom:1px solid currentColor; padding-bottom:5px; }
.case-hero { position:relative; min-height:94svh; display:grid; align-items:end; overflow:hidden; padding:150px clamp(20px,6.5vw,108px) 70px; }
.case-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,6,5,.94),rgba(5,6,5,.34) 58%,rgba(5,6,5,.48)); }
.case-hero > img { position:absolute; inset:0; height:100%; object-fit:cover; filter:saturate(.68) contrast(1.08); }
.hero-media-status{position:absolute;z-index:3;top:96px;right:clamp(20px,4vw,64px);max-width:min(54vw,520px);padding:9px 12px;border:1px solid rgba(255,255,255,.24);background:rgba(7,8,7,.72);backdrop-filter:blur(8px);color:#d8d8d2;font-size:8px;line-height:1.35;letter-spacing:.14em;text-align:right;text-transform:uppercase}
.asset-status-line{margin:0 0 14px;color:#ff6b35;font-size:9px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.case-hero[data-media-type="identity"] > img,.case-hero[data-media-type="site"] > img,.case-hero[data-media-type="film"] > img,.case-hero[data-media-type="portrait"] > img{object-fit:contain;padding:80px clamp(20px,7vw,110px) 190px;background:radial-gradient(circle at 68% 35%,#32312d,#10110f 70%);filter:saturate(.76) contrast(1.04)}
.case-hero[data-media-type="site"] > img{padding-top:100px;background:#171815}
.case-hero[data-media-type="film"] > img{padding-inline:clamp(20px,9vw,150px);background:#070807}
.case-title { position:relative; z-index:2; max-width:1050px; }
.case-kicker { color:#b2b3ad; font-size:8px; letter-spacing:.2em; }
.case-title h1 { margin:25px 0 38px; font-size:clamp(62px,9vw,150px); font-weight:300; line-height:.78; letter-spacing:-.075em; }
.case-title > p:last-child { max-width:650px; margin:0; color:#d1cec7; font-size:clamp(14px,1.3vw,20px); font-weight:300; line-height:1.65; }
.case-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.case-meta p { display:grid; gap:44px; min-height:170px; margin:0; padding:26px; background:#0d0f0d; }
.case-meta b { font-size:8px; letter-spacing:.17em; }
.case-meta span { color:var(--muted); font-size:13px; line-height:1.6; }
.case-body { padding:150px clamp(20px,6.5vw,108px); background:#e9e6df; color:#161712; }
.section-label { margin:0 0 28px; color:#74766f; font-size:8px; letter-spacing:.18em; }
.case-body h2 { max-width:960px; margin:0; font-size:clamp(48px,6vw,96px); font-weight:300; line-height:.92; letter-spacing:-.06em; }
.process { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:80px; background:transparent; }
.process article { position:relative; min-height:0; display:flex; flex-direction:column; justify-content:flex-start; padding:24px 30px 28px; background:#e9e6df; }
.process article + article::before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; background:rgba(20,20,16,.18); }
.process span { color:#898b84; font-size:9px; }
.process article > div { margin-top:clamp(44px,5vw,80px); }
.process h3 { margin:0 0 20px; font-size:30px; font-weight:400; letter-spacing:-.03em; }
.process p { margin:0; color:#6c6e67; font-size:13px; line-height:1.75; }
.evidence { padding:140px clamp(20px,6.5vw,108px); }
.evidence h2 { margin:0 0 80px; font-size:clamp(48px,7vw,110px); font-weight:300; line-height:.9; letter-spacing:-.065em; }
.evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.evidence-grid article { min-height:290px; display:grid; align-content:space-between; padding:28px; background:#0d0f0d; }
.evidence-grid b { color:var(--signal); font-size:8px; letter-spacing:.16em; }
.evidence-grid h3 { margin:0; font-size:30px; font-weight:300; }
.evidence-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }
.next-proof { margin:70px 0 0; border:1px solid var(--line); padding:22px; color:#a2a49d; font-size:10px; letter-spacing:.06em; line-height:1.7; }
.live-link { border-bottom:1px solid currentColor; padding-bottom:3px; color:var(--ink); }
.case-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.case-action{display:inline-flex;align-items:center;min-height:42px;border:1px solid rgba(255,255,255,.25);padding:0 16px;color:#fff;font-size:8px;letter-spacing:.14em}.case-action.primary{border-color:var(--signal);background:var(--signal)}
.case-gallery{padding:140px clamp(20px,6.5vw,108px);background:#e9e6df;color:#161712}.case-gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:70px}.case-gallery h2{margin:0;font-size:clamp(48px,6vw,96px);font-weight:300;line-height:.9;letter-spacing:-.06em}.case-gallery-head p{max-width:460px;margin:0;color:#6c6e67;font-size:13px;line-height:1.75}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.gallery-item{position:relative;grid-column:span 6;min-height:430px;border:0;padding:0;overflow:hidden;background:#d7d4cd;cursor:zoom-in}.gallery-item.wide{grid-column:1/-1;min-height:560px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}.gallery-item[data-media-type="identity"] img,.gallery-item[data-media-type="site"] img,.gallery-item[data-media-type="portrait"] img,.gallery-item[data-media-type="document"] img,.gallery-item[data-media-type="film"] img,.gallery-item[data-media-type="product"] img{object-fit:contain;padding:clamp(16px,3vw,44px);background:#eeece6}.gallery-item[data-media-type="site"] img,.gallery-item[data-media-type="document"] img{object-position:50% 10%}.gallery-item[data-media-type="film"] img,.gallery-item[data-media-type="product"] img{background:#11120f}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.025);filter:contrast(1.04)}.gallery-item:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.gallery-caption{position:absolute;z-index:2;inset:auto 14px 14px;padding:9px 11px;background:rgba(12,13,11,.84);color:#f1eee8;font-size:7px;letter-spacing:.12em;backdrop-filter:blur(8px)}
.gallery-item video{width:100%;height:100%;object-fit:contain;padding:24px;background:#11120f}
.gallery-item[data-evidence-status]::before,.dandy-local-bridge figure[data-evidence-status]::before,.dandy-story-card[data-evidence-status]::before,.archive-card[data-evidence-status]::before,.process-evidence-media[data-evidence-status]::before,.film-story-card[data-evidence-status]::before,.film-thesis figure[data-evidence-status]::before,.kitpm-logo-card[data-evidence-status]::before,.kitpm-namecard-card[data-evidence-status]::before,.atlas-card[data-evidence-status]::before,.sensor-flow-card[data-evidence-status]::before{content:attr(data-evidence-status);position:absolute;z-index:4;top:14px;left:14px;max-width:calc(100% - 28px);padding:8px 10px;border:1px solid rgba(255,255,255,.28);background:rgba(9,10,9,.82);color:#f2efe9;font-size:10px;line-height:1.35;letter-spacing:.11em;text-align:left;backdrop-filter:blur(8px);pointer-events:none}.dandy-local-bridge figure[data-evidence-status],.film-story-card[data-evidence-status],.film-thesis figure[data-evidence-status],.kitpm-logo-card[data-evidence-status],.kitpm-namecard-card[data-evidence-status],.atlas-card[data-evidence-status],.sensor-flow-card[data-evidence-status]{position:relative}.gallery-item[data-evidence-status="AI-ENHANCED"]::before,.gallery-item[data-evidence-status^="AI-"]::before,.dandy-local-bridge figure[data-evidence-status^="AI-"]::before,.dandy-story-card[data-evidence-status^="AI-"]::before,.archive-card[data-evidence-status^="AI-"]::before,.film-story-card[data-evidence-status^="AI-"]::before,.film-thesis figure[data-evidence-status^="AI-"]::before,.kitpm-logo-card[data-evidence-status^="AI-"]::before,.atlas-card[data-evidence-status^="AI-"]::before,.sensor-flow-card[data-evidence-status^="AI-"]::before{border-color:rgba(255,109,49,.66);color:#ffd2be}
.gallery-group-head{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;padding:72px 0 24px;border-bottom:1px solid rgba(20,20,16,.22)}.gallery-group-head:first-child{padding-top:0}.gallery-group-head p{margin:0;color:#6c6e67;font-size:11px;line-height:1.7}.gallery-group-head h3{margin:0;font-size:clamp(28px,3.4vw,54px);font-weight:300;line-height:.95;letter-spacing:-.045em}.gallery-group-head b{display:block;margin-bottom:14px;color:var(--signal);font-size:8px;letter-spacing:.16em}.media-embed{grid-column:1/-1;position:relative;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#11120f}.media-embed iframe,.media-embed video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#11120f}.media-embed-label{position:absolute;z-index:2;inset:auto 14px 14px;width:max-content;padding:9px 11px;background:rgba(12,13,11,.84);color:#f1eee8;font-size:7px;letter-spacing:.12em;pointer-events:none;backdrop-filter:blur(8px)}
.quick-note{padding:22px;border-left:2px solid var(--signal);background:rgba(255,109,49,.08);color:#b5b7af;font-size:11px;line-height:1.75}.quick-case .case-hero{min-height:76svh}.quick-case .case-body{padding-top:100px;padding-bottom:52px}.quick-case .case-gallery{padding-top:58px;padding-bottom:110px}
.case-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-next a{display:grid;min-height:190px;padding:28px;background:#0d0f0d}.case-next a+ a{border-left:1px solid var(--line);text-align:right}.case-next span{color:#8f918a;font-size:8px;letter-spacing:.15em}.case-next strong{align-self:end;font-size:clamp(24px,3vw,44px);font-weight:300;letter-spacing:-.04em}
.media-lightbox{width:min(94vw,1500px);max-width:none;height:min(92vh,980px);max-height:none;border:1px solid rgba(255,255,255,.2);padding:0;overflow:hidden;background:rgba(8,9,8,.96);color:var(--ink)}.media-lightbox::backdrop{background:rgba(3,4,3,.86);backdrop-filter:blur(10px)}.lightbox-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%}.lightbox-stage img{width:100%;height:100%;min-height:0;object-fit:contain;padding:clamp(16px,3vw,46px)}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 18px;color:#a9aba4;font-size:8px;letter-spacing:.12em}.lightbox-close{border:0;padding:7px 0;background:transparent;color:#fff;font-size:8px;letter-spacing:.15em;cursor:pointer}.case-progress{position:fixed;z-index:30;inset:0 auto auto 0;width:100%;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;pointer-events:none}
.case-footer { display:flex; justify-content:space-between; padding:28px clamp(20px,4vw,64px); border-top:1px solid var(--line); color:#858780; font-size:8px; letter-spacing:.14em; }
.motion-hero{min-height:100svh;isolation:isolate}.motion-hero>.motion-poster,.motion-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.motion-hero>.motion-poster{z-index:-3}.motion-hero>.motion-poster img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.08)}.motion-hero>video{z-index:-2;filter:saturate(.68) contrast(1.08)}.motion-hero::after{z-index:-1;background:linear-gradient(90deg,rgba(5,6,5,.92),rgba(5,6,5,.24) 62%,rgba(5,6,5,.48)),linear-gradient(0deg,rgba(5,6,5,.7),transparent 58%)}.motion-hero .case-title>p:not(.case-kicker){max-width:680px;margin:0;color:#d1cec7;font-size:clamp(14px,1.3vw,20px);font-weight:300;line-height:1.65}.motion-hero-index{position:absolute;z-index:2;right:clamp(20px,4vw,64px);bottom:34px;display:grid;gap:7px;text-align:right}.motion-hero-index span{color:var(--signal);font-size:8px;letter-spacing:.17em}.motion-hero-index b{font-size:10px;font-weight:500;letter-spacing:.12em}.spec-disclosure{display:grid;grid-template-columns:.4fr 1.6fr;gap:5vw;border-bottom:1px solid var(--line);padding:24px clamp(20px,6.5vw,108px);background:#121411}.spec-disclosure b{color:var(--signal);font-size:8px;letter-spacing:.16em}.spec-disclosure p{max-width:760px;margin:0;color:#a8aaa3;font-size:10px;line-height:1.7}.motion-timeline{padding:140px clamp(20px,6.5vw,108px);background:#101210}.motion-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:end;margin-bottom:70px}.motion-section-head>p{grid-column:1/-1;margin:0;color:var(--signal);font-size:8px;letter-spacing:.16em}.motion-section-head h2{margin:0;font-size:clamp(58px,8vw,128px);font-weight:300;line-height:.86;letter-spacing:-.07em}.motion-section-head>span{max-width:450px;color:#9a9c95;font-size:13px;line-height:1.8}.timeline-explorer{border:1px solid var(--line);background:#0b0d0b}.timeline-stage{position:relative;aspect-ratio:16/8;overflow:hidden;cursor:ew-resize;touch-action:pan-y}.timeline-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,7,.76),transparent 65%),linear-gradient(0deg,rgba(7,8,7,.56),transparent 48%);pointer-events:none}.timeline-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transition:opacity .22s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.timeline-stage.is-changing img{opacity:.28;transform:scale(1.015)}.timeline-copy{position:absolute;z-index:2;left:clamp(20px,4vw,62px);bottom:clamp(22px,4vw,58px);max-width:520px}.timeline-copy small{color:var(--signal);font-size:8px;letter-spacing:.17em}.timeline-copy h3{margin:12px 0 15px;font-size:clamp(38px,5vw,76px);font-weight:300;line-height:.9;letter-spacing:-.055em}.timeline-copy p{margin:0;color:#c1c2bc;font-size:12px}.timeline-range{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--line);color:#83867f;font-size:7px;letter-spacing:.15em}.timeline-range input{width:100%;height:1px;margin:0;accent-color:var(--signal);cursor:ew-resize}.timeline-steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.timeline-steps button{position:relative;display:grid;min-height:108px;border:0;border-right:1px solid var(--line);padding:18px;background:transparent;color:#777a73;text-align:left;cursor:pointer}.timeline-steps button:last-child{border-right:0}.timeline-steps button i{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.timeline-steps button span{font-size:7px}.timeline-steps button b{align-self:end;font-size:9px;font-weight:500;letter-spacing:.12em}.timeline-steps button:hover,.timeline-steps button:focus-visible,.timeline-steps button.is-active{background:#171916;color:#fff}.timeline-steps button.is-active i{transform:scaleX(1)}.motion-suite{padding:130px clamp(20px,6.5vw,108px);background:#e9e6df;color:#161712}.motion-suite-head{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:end;margin-bottom:70px}.motion-suite-head p{margin:0;color:#74766f;font-size:8px;letter-spacing:.16em}.motion-suite-head h2{margin:0;font-size:clamp(48px,6vw,96px);font-weight:300;line-height:.9;letter-spacing:-.06em}.motion-suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,20,16,.2)}.motion-suite-grid a{display:grid;min-height:280px;padding:28px;background:#e9e6df;transition:background .35s ease,color .35s ease}.motion-suite-grid a:hover,.motion-suite-grid a:focus-visible,.motion-suite-grid a.is-current{background:#151713;color:#fff}.motion-suite-grid span{color:var(--signal);font-size:8px;letter-spacing:.16em}.motion-suite-grid strong{align-self:end;font-size:clamp(28px,3vw,48px);font-weight:300;letter-spacing:-.045em}.motion-suite-grid small{margin-top:12px;color:#858780;font-size:9px;letter-spacing:.04em;line-height:1.5}.nike-case{--signal:#f4f2ed}.nike-case .motion-hero>video,.nike-case .motion-hero>.motion-poster img{filter:saturate(.55) contrast(1.15)}.nike-case .spec-disclosure b,.nike-case .timeline-copy small,.nike-case .motion-section-head>p{color:#f4f2ed}.nike-timeline .timeline-stage::after{background:linear-gradient(90deg,rgba(6,7,6,.8),transparent 68%),linear-gradient(0deg,rgba(6,7,6,.65),transparent 50%)}
@media(max-width:760px){ .case-hero{min-height:800px;padding:130px 20px 60px}.case-hero[data-media-type="identity"]>img,.case-hero[data-media-type="site"]>img,.case-hero[data-media-type="film"]>img,.case-hero[data-media-type="portrait"]>img{padding:70px 16px 300px}.case-title h1{font-size:64px}.case-meta,.process,.evidence-grid{grid-template-columns:1fr}.case-meta p{min-height:130px;gap:30px}.case-body,.evidence,.case-gallery{padding:100px 20px}.process{margin-top:58px}.process article{min-height:0;padding-block:28px}.process article+article::before{top:0;right:0;bottom:auto;width:auto;height:1px}.evidence-grid article{min-height:240px}.case-gallery-head{display:block}.case-gallery-head p{margin-top:24px}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item.wide{grid-column:1;min-height:360px}.gallery-group-head{grid-column:1;grid-template-columns:1fr;gap:14px;padding-top:54px}.media-embed{grid-column:1}.case-next{grid-template-columns:1fr}.case-next a+ a{border-left:0;border-top:1px solid var(--line);text-align:left}.case-footer{gap:20px;flex-direction:column} }
@media(max-width:760px){.hero-media-status{top:86px;right:16px;max-width:70vw;padding:7px 9px;font-size:7px}}
@media(max-width:760px){.motion-hero{min-height:820px;padding-bottom:110px}.motion-hero-index{left:20px;right:auto;bottom:32px;text-align:left}.spec-disclosure{grid-template-columns:1fr;gap:12px}.motion-timeline,.motion-suite{padding:100px 20px}.motion-section-head,.motion-suite-head{grid-template-columns:1fr;gap:24px}.timeline-stage{aspect-ratio:4/5}.timeline-stage img{object-position:50% center}.timeline-steps{grid-template-columns:repeat(2,1fr)}.timeline-steps button:nth-child(2n){border-right:0}.timeline-steps button{min-height:90px;border-bottom:1px solid var(--line)}.motion-suite-grid{grid-template-columns:1fr}.motion-suite-grid a{min-height:210px}.timeline-range{gap:12px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
@media(prefers-reduced-motion:reduce){.motion-hero>video{display:none}.timeline-stage img{transition:none}}

/* DongSung Sensors · product communication case */
.dongsung-case{--signal:#168bd0;--sensor-blue:#168bd0;--sensor-paper:#e9e6df}
.dongsung-hero{min-height:94svh;background:radial-gradient(circle at 72% 43%,#f5f7f7 0,#bec6c8 23%,#29333a 24%,#0b0e10 60%)}
.dongsung-hero>img{object-fit:contain;object-position:76% 38%;padding:8vh 2vw 10vh 42vw;filter:saturate(.78) contrast(1.08);mix-blend-mode:screen}
.dongsung-hero::after{background:linear-gradient(90deg,rgba(5,8,10,.98) 0,rgba(5,8,10,.86) 38%,rgba(5,8,10,.18) 72%,rgba(5,8,10,.54)),linear-gradient(0deg,rgba(5,8,10,.82),transparent 55%)}
.dongsung-case .quick-note{margin-top:44px;border-color:var(--sensor-blue);background:rgba(22,139,208,.08);color:#62665f}
.dongsung-translation{padding:140px clamp(20px,6.5vw,108px);background:#0a0d0f}
.dongsung-section-head,.catalog-section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end;margin-bottom:70px}
.dongsung-section-head>div>p,.catalog-section-head>div>p{margin:0 0 24px;color:var(--sensor-blue);font-size:8px;letter-spacing:.18em}
.dongsung-section-head h2,.catalog-section-head h2{margin:0;font-size:clamp(52px,7vw,110px);font-weight:300;line-height:.88;letter-spacing:-.065em}
.dongsung-section-head>p,.catalog-section-head>p{max-width:470px;margin:0;color:#929790;font-size:13px;line-height:1.8}
.product-switcher{border:1px solid var(--line);background:#0e1214}
.product-switcher-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.product-switcher-tabs button{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:70px;border:0;border-right:1px solid var(--line);padding:18px;background:transparent;color:#797f7c;font:inherit;font-size:8px;letter-spacing:.14em;text-align:left;cursor:pointer;transition:background .3s ease,color .3s ease}
.product-switcher-tabs button:last-child{border-right:0}
.product-switcher-tabs button span{color:var(--sensor-blue)}
.product-switcher-tabs button:hover,.product-switcher-tabs button:focus-visible,.product-switcher-tabs button.is-active{background:#172027;color:#fff}
.product-switcher-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);min-height:620px}
.product-switcher-media{position:relative;display:grid;place-items:center;min-height:620px;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle,#f5f5f3 0,#d9dddd 42%,#7b8588 43%,#13191d 72%)}
.product-switcher-media img,.product-switcher-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(28px,5vw,80px);transition:opacity .25s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.product-switcher-media video{display:none;padding:0;background:#101617}
.product-switcher.is-video .product-switcher-media img{display:none}
.product-switcher.is-video .product-switcher-media video{display:block}
.product-switcher.is-changing .product-switcher-media img,.product-switcher.is-changing .product-switcher-media video{opacity:.18;transform:scale(1.015)}
.product-switcher-copy{display:grid;align-content:end;padding:34px}
.product-switcher-copy small{color:var(--sensor-blue);font-size:7px;letter-spacing:.16em}
.product-switcher-copy h3{margin:16px 0 20px;font-size:clamp(32px,3.4vw,54px);font-weight:300;line-height:.92;letter-spacing:-.045em}
.product-switcher-copy p{margin:0;color:#929790;font-size:12px;line-height:1.8}
.level-scroll-story{--level-progress:0;--rise-progress:0;--low-opacity:1;--rising-opacity:0;--high-opacity:0;--water-opacity:.16;--water-scale:.32;margin-top:2px;border:1px solid rgba(255,255,255,.12);background:#0a0f12}
.level-story-steps{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.12);gap:1px}
.level-story-steps button{display:flex;align-items:center;gap:7px;min-width:0;min-height:54px;border:0;padding:0 10px;background:#0e1316;color:#69737a;font:inherit;font-size:10px;letter-spacing:.1em;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.level-story-steps button span{color:var(--sensor-blue)}
.level-story-steps button:hover,.level-story-steps button:focus-visible,.level-story-steps button[aria-current="step"]{background:#17232a;color:#fff;box-shadow:inset 0 -2px var(--sensor-blue)}
.sensor-flow-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:2px}
.sensor-flow-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0;border:1px solid rgba(255,255,255,.12);background:#0e1316;overflow:hidden}
.level-action-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}
.level-action-column>.sensor-flow-card,.flow-context-card{height:100%}
.sensor-flow-media{position:relative;display:grid;place-items:center;height:clamp(250px,27vw,360px);overflow:hidden;background:radial-gradient(circle at 50% 46%,#2a3940 0,#172126 52%,#0c1114 80%);isolation:isolate}
.sensor-flow-media::after{content:"";position:absolute;z-index:5;inset:0;box-shadow:inset 0 0 54px rgba(4,9,12,.32);pointer-events:none}
.sensor-flow-stage{position:relative;width:auto;height:calc(100% - 20px);max-width:calc(100% - 20px);aspect-ratio:1;isolation:isolate}
.sensor-flow-stage>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.9) contrast(1.03);user-select:none;-webkit-user-drag:none}
.flow-vertical .flow-frame{opacity:0;mix-blend-mode:normal;transition:opacity .22s ease,filter .34s ease;will-change:opacity}
.flow-vertical .flow-frame-low{opacity:var(--low-opacity)}
.flow-vertical .flow-frame-rising{opacity:var(--rising-opacity)}
.flow-vertical .flow-frame-high{opacity:var(--high-opacity)}
[data-level-stage="signal"] .flow-frame-high{filter:saturate(1.04) contrast(1.08) brightness(1.04)}
.sensor-flow-card figcaption{display:grid;grid-template-columns:auto 1fr;gap:22px;min-height:126px;border-top:1px solid rgba(255,255,255,.12);padding:20px 22px}
.sensor-flow-card figcaption>span{color:var(--sensor-blue);font-size:7px;letter-spacing:.15em}
.sensor-flow-card figcaption b{display:block;margin-bottom:10px;font-size:18px;font-weight:400;letter-spacing:-.02em}
.sensor-flow-card figcaption p{margin:0;color:#8f9693;font-size:10px;line-height:1.65}
.water-zone{position:absolute;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:var(--water-opacity);transform:scaleY(var(--water-scale));transform-origin:center bottom;will-change:opacity,transform}
.water-zone::before{content:"";position:absolute;left:-12%;top:0;width:124%;height:9px;background:radial-gradient(ellipse at 50% 100%,rgba(230,249,255,.95) 0 15%,rgba(31,171,236,.72) 18% 34%,transparent 38%) 0 0/34px 9px repeat-x;filter:drop-shadow(0 2px 4px rgba(34,169,234,.65));animation:sensor-wave 2.6s linear infinite}
.water-zone::after{content:"";position:absolute;inset:10px 0 -35%;background:radial-gradient(circle at 18% 82%,rgba(226,249,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 43% 65%,rgba(226,249,255,.8) 0 3px,transparent 4px),radial-gradient(circle at 71% 88%,rgba(226,249,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 86% 56%,rgba(226,249,255,.75) 0 2px,transparent 3px),linear-gradient(180deg,rgba(30,165,231,.08),rgba(22,139,208,.2));background-size:54px 78px,72px 92px,68px 82px,62px 88px,100% 100%;animation:sensor-bubbles 4.2s linear infinite}
.water-zone i{position:absolute;z-index:2;top:4px;width:5px;height:5px;border:1px solid rgba(235,251,255,.94);border-radius:50%;box-shadow:0 0 7px rgba(36,174,235,.9);animation:sensor-particle 3.1s ease-in infinite}
.water-zone i:nth-child(1){left:20%;animation-delay:-.4s}.water-zone i:nth-child(2){left:52%;animation-delay:-1.5s}.water-zone i:nth-child(3){left:79%;animation-delay:-2.35s}
.flow-vertical .water-zone-low{left:10.5%;bottom:10%;width:38.5%;height:24%}
.flow-vertical .water-zone-high{left:51.5%;bottom:10%;width:38.5%;height:52%}
.sensor-state{position:absolute;z-index:6;border:1px solid rgba(22,139,208,.7);padding:6px 8px;background:rgba(7,16,21,.76);color:#eef7fa;font-size:6px;letter-spacing:.14em;backdrop-filter:blur(5px)}
.sensor-state{opacity:0;transition:opacity .3s ease,transform .3s ease}
.sensor-state-low{left:13%;bottom:12%}.sensor-state-high{right:13%;top:31%}
[data-level-stage="low"] .sensor-state-low,[data-level-stage="rising"] .sensor-state-low,[data-level-stage="high"] .sensor-state-high,[data-level-stage="signal"] .sensor-state-high{opacity:1;transform:translateY(-2px)}
[data-level-stage="rising"] .sensor-state-high{opacity:.55}
.sensor-pulse{position:absolute;z-index:6;width:18px;height:18px;border:1px solid #e9fbff;border-radius:50%;background:rgba(22,139,208,.48);box-shadow:0 0 0 0 rgba(22,139,208,.7);opacity:0;transform:translate(-50%,-50%);animation:sensor-signal 2.4s ease-out infinite;transition:opacity .32s ease}
.flow-vertical .vertical-signal-left{left:28.5%;top:51%}.flow-vertical .vertical-signal-right{left:70%;top:51%;animation-delay:-1.2s}
[data-level-stage="signal"] .sensor-pulse{opacity:1}
.flow-context-card .sensor-flow-media{height:auto;min-height:414px;padding:10px;background:#101718}
.flow-context-card video{display:block;width:100%;height:100%;object-fit:contain;background:#101718}
.sensor-flow-card figcaption i{font-style:normal}
.level-scroll-hint{display:flex;justify-content:space-between;gap:20px;margin:0;border-top:1px solid rgba(255,255,255,.12);padding:14px 16px;color:#667176;font-size:7px;letter-spacing:.13em}
.level-scroll-hint strong{color:#b6c1c5;font-weight:500}
@keyframes sensor-wave{to{transform:translateX(34px)}}
@keyframes sensor-bubbles{from{transform:translateY(26%)}to{transform:translateY(-18%)}}
@keyframes sensor-particle{0%{transform:translateY(65px) scale(.65);opacity:0}22%{opacity:1}100%{transform:translateY(-18px) scale(1.15);opacity:0}}
@keyframes sensor-signal{0%{box-shadow:0 0 0 0 rgba(22,139,208,.74)}70%,100%{box-shadow:0 0 0 17px rgba(22,139,208,0)}}

.catalog-section{padding:140px clamp(20px,6.5vw,108px);background:var(--sensor-paper);color:#161712}
.catalog-section-head>p{color:#666b68}
.catalog-chapters{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:2px;background:rgba(20,20,16,.18)}
.catalog-chapters button{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:68px;border:0;border-right:1px solid rgba(20,20,16,.14);padding:16px;background:var(--sensor-paper);color:#6f736e;font:inherit;font-size:8px;letter-spacing:.11em;text-align:left;cursor:pointer}
.catalog-chapters button:last-child{border-right:0}
.catalog-chapters button span{color:var(--sensor-blue)}
.catalog-chapters button:hover,.catalog-chapters button:focus-visible,.catalog-chapters button.is-active{background:#13191d;color:#fff}
.catalog-reader{overflow:hidden;border:1px solid #252d31;background:#11171a;color:#edf1ef;outline:none}
.catalog-reader:focus-visible{box-shadow:0 0 0 2px var(--sensor-blue)}
.catalog-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;border-bottom:1px solid rgba(255,255,255,.14);padding:10px 14px}
.catalog-toolbar>div:first-child{display:flex;align-items:center;gap:10px;color:#919a97;font-size:7px;letter-spacing:.14em}
.catalog-toolbar i{width:7px;height:7px;border-radius:50%;background:var(--sensor-blue);box-shadow:0 0 12px rgba(22,139,208,.8)}
.catalog-toolbar strong{font-size:9px;font-weight:500;letter-spacing:.15em}
.catalog-tools{display:flex;justify-content:flex-end;gap:4px}
.catalog-tools button{min-width:38px;height:34px;border:1px solid rgba(255,255,255,.18);padding:0 10px;background:transparent;color:#d5dad8;font:inherit;font-size:7px;letter-spacing:.11em;cursor:pointer}
.catalog-tools button:hover,.catalog-tools button:focus-visible,.catalog-tools button[aria-pressed="true"]{border-color:var(--sensor-blue);background:var(--sensor-blue);color:#fff}
.catalog-stage{height:min(72vw,880px);min-height:600px;overflow:auto;padding:clamp(22px,4vw,56px);background:radial-gradient(circle at 50% 18%,#35434a,#161d21 55%,#0c1113);touch-action:pan-y}
.catalog-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(8px,1.4vw,22px);width:min(100%,1260px);margin:auto}
.catalog-pages img{width:100%;height:auto;aspect-ratio:1489/2105;object-fit:contain;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.32);user-select:none;-webkit-user-drag:none}
.catalog-reader.is-single .catalog-pages{grid-template-columns:minmax(280px,640px);justify-content:center}
.catalog-reader.is-single [data-catalog-secondary]{display:none}
.catalog-reader.is-zoomed .catalog-pages{width:1800px;max-width:none}
.catalog-thumbnails{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;border-top:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.14)}
.catalog-thumbnails button{position:relative;min-width:0;border:0;padding:12px;background:#101619;color:#717b78;cursor:pointer}
.catalog-thumbnails img{height:74px;object-fit:contain;opacity:.48;filter:saturate(.6);transition:opacity .25s ease,filter .25s ease}
.catalog-thumbnails span{position:absolute;right:7px;bottom:6px;font-size:7px}
.catalog-thumbnails button:hover img,.catalog-thumbnails button:focus-visible img,.catalog-thumbnails button.is-active img{opacity:1;filter:none}
.catalog-thumbnails button.is-active{box-shadow:inset 0 -2px var(--sensor-blue);color:#fff}
.catalog-reader-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding:14px;color:#6e7774;font-size:7px;letter-spacing:.12em}
.catalog-reader:fullscreen{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100vw;height:100vh;background:#11171a}
.catalog-reader:fullscreen .catalog-stage{height:auto;min-height:0}
.catalog-reader:fullscreen .catalog-pages{height:100%}
.catalog-reader:fullscreen .catalog-pages img{width:auto;max-width:100%;max-height:calc(100vh - 270px);margin:auto}
.dongsung-gallery .gallery-item{align-self:start}
.dongsung-gallery .history-item{min-height:0;aspect-ratio:1300/2544;background:#fff}
.dongsung-gallery .history-item img{padding:20px;background:#fff;object-position:center}

@media(max-width:900px){
  .dongsung-hero>img{object-position:72% 28%;padding:8vh 0 42vh 28vw}
  .dongsung-section-head,.catalog-section-head{grid-template-columns:1fr;gap:28px}
  .product-switcher-stage{grid-template-columns:1fr;min-height:0}
  .product-switcher-media{min-height:560px;border-right:0;border-bottom:1px solid var(--line)}
  .product-switcher-copy{min-height:240px}
  .catalog-toolbar{grid-template-columns:1fr auto}
  .catalog-toolbar>strong{display:none}
  .catalog-stage{min-height:520px}
}

@media(max-width:760px){
  .dongsung-hero{min-height:840px}
  .dongsung-hero>img{object-position:center 12%;padding:70px 12px 390px;opacity:.82}
  .dongsung-translation,.catalog-section{padding:100px 20px}
  .product-switcher-tabs,.catalog-chapters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .product-switcher-tabs button,.catalog-chapters button{flex:0 0 145px;scroll-snap-align:start}
  .product-switcher-media{min-height:420px}
  .sensor-flow-card figcaption{grid-template-columns:1fr;gap:12px}
  .catalog-toolbar{grid-template-columns:1fr}
  .catalog-toolbar>div:first-child{display:none}
  .catalog-tools{justify-content:space-between}
  .catalog-tools button{flex:1}
  .catalog-stage{height:112vw;min-height:460px;padding:20px 14px}
  .catalog-pages,.catalog-reader.is-single .catalog-pages{grid-template-columns:minmax(0,1fr)}
  .catalog-pages [data-catalog-secondary]{display:none}
  .catalog-reader.is-zoomed .catalog-pages{width:760px}
  .catalog-thumbnails{display:flex;overflow-x:auto}
  .catalog-thumbnails button{flex:0 0 74px}
  .catalog-thumbnails img{height:64px}
  .catalog-reader-note{flex-direction:column;gap:7px}
  .dongsung-gallery .history-item{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .product-switcher-media img,.product-switcher-media video{transition:none}
}

/* DongSung visual-design atlas and dimensional catalog */
.dongsung-hero>img{object-position:76% 48%;padding:5vh 5vw 3vh 48vw;filter:none;mix-blend-mode:normal}
.visual-atlas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}
.atlas-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0;border:1px solid rgba(255,255,255,.12);background:#0e1316;overflow:hidden}
.atlas-primary,.atlas-secondary{grid-column:span 6;min-height:820px}
.atlas-media{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 45%,#334149 0,#171e22 48%,#0b0f11 75%);container-type:size}
.atlas-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(0,0,0,.36);pointer-events:none}
.atlas-media img,.atlas-media video{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.atlas-primary .atlas-media img{padding:clamp(18px,3.2vw,54px)}
.atlas-secondary .atlas-media img{padding:clamp(18px,3vw,48px)}
.tech-diagram{isolation:isolate}
.tech-art{position:relative;z-index:1;max-height:92cqh}
.tech-art-dt{width:min(92cqw,81cqh);aspect-ratio:1177/1336}
.tech-art-mini{width:min(92cqw,87.2cqh);aspect-ratio:1221/1288}
.tech-art>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;padding:0!important}
.tech-labels{position:absolute;z-index:3;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.tech-label{--x:50%;position:absolute;display:flex;align-items:center;min-height:25px;transform:translateY(-50%);color:#eef3f1;font-size:10px;font-weight:500;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.tech-label>span{position:relative;z-index:2;border:1px solid rgba(22,139,208,.72);padding:7px 9px;background:rgba(9,15,18,.9);box-shadow:0 5px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.tech-label::before{content:"";position:absolute;top:50%;height:1px;background:var(--sensor-blue)}
.tech-label::after{content:"";position:absolute;top:50%;width:6px;height:6px;border:1px solid #dce8e7;border-radius:50%;background:var(--sensor-blue);transform:translateY(-50%)}
.label-right{left:var(--x);right:3%}
.label-right>span{margin-left:auto}
.label-right::before{left:0;right:0}
.label-right::after{left:0}
.label-left{left:3%;right:calc(100% - var(--x))}
.label-left>span{margin-right:auto}
.label-left::before{left:0;right:0}
.label-left::after{right:0}
.label-compact{display:none}
.tech-diagram-dt .label-reed{--x:53%;top:31%}
.tech-diagram-dt .label-magnet{--x:51%;top:45%}
.tech-diagram-dt .label-float{--x:81%;top:45%}
.tech-diagram-dt .label-guide{--x:51%;top:78%}
.tech-diagram-dt .label-stopper{--x:51%;top:91%}
.tech-diagram-mini .label-wire{--x:32%;top:6%}
.tech-diagram-mini .label-nut{--x:33%;top:17%}
.tech-diagram-mini .label-stem{--x:33%;top:28.5%}
.tech-diagram-mini .label-upper-stop{--x:33%;top:36.5%}
.tech-diagram-mini .label-mini-float{--x:48%;top:49.5%}
.tech-diagram-mini .label-mini-reed{--x:33%;top:59.5%}
.tech-diagram-mini .label-mini-magnet{--x:42%;top:69.5%}
.tech-diagram-mini .label-lower-stop{--x:33%;top:88%}
.atlas-card figcaption{display:grid;grid-template-columns:auto 1fr;gap:28px;min-height:150px;border-top:1px solid rgba(255,255,255,.12);padding:24px}
.atlas-card figcaption>span{color:var(--sensor-blue);font-size:7px;letter-spacing:.15em}
.atlas-card figcaption b{display:block;margin-bottom:14px;font-size:20px;font-weight:400;letter-spacing:-.025em}
.atlas-card figcaption p{max-width:390px;margin:0;color:#8f9693;font-size:11px;line-height:1.7}

.catalog-stage{position:relative;display:grid;place-items:center;height:auto;min-height:0;overflow:auto;padding:clamp(54px,6vw,90px) clamp(44px,7vw,110px);perspective:2200px;touch-action:pan-y}
.catalog-book{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1160px);aspect-ratio:2978/2105;isolation:isolate;filter:drop-shadow(0 32px 38px rgba(0,0,0,.34));transition:width .45s cubic-bezier(.2,.7,.2,1)}
.catalog-page,.catalog-flip-face{position:relative;min-width:0;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.catalog-page img,.catalog-flip-face img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.catalog-page-left{transform-origin:right center}
.catalog-page-right{transform-origin:left center}
.catalog-page-left::after,.catalog-page-right::after,.catalog-flip-face::after{content:"";position:absolute;inset:0;pointer-events:none}
.catalog-page-left::after{background:linear-gradient(90deg,transparent 78%,rgba(0,0,0,.16))}
.catalog-page-right::after{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 22%)}
.catalog-page.is-empty,.catalog-flip-face.is-empty{background:transparent;box-shadow:none}
.catalog-page.is-empty::after,.catalog-flip-face.is-empty::after{display:none}
.catalog-page.is-empty img,.catalog-flip-face.is-empty img{display:none}
.catalog-reader.is-single-spread .catalog-book{grid-template-columns:minmax(0,1fr);width:min(100%,580px);aspect-ratio:1489/2105}
.catalog-reader.is-single-spread .catalog-page.is-empty{display:none}
.catalog-reader.is-single-spread .catalog-book-spine{display:none}
.catalog-flip-sheet{position:absolute;z-index:5;top:0;bottom:0;left:50%;display:none;width:50%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
.catalog-reader.is-turning .catalog-flip-sheet{display:block}
.catalog-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.catalog-flip-front{transform:rotateY(0)}
.catalog-flip-front::after{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 22%)}
.catalog-flip-back{transform:rotateY(180deg)}
.catalog-flip-back::after{background:linear-gradient(90deg,transparent 72%,rgba(0,0,0,.18))}
.catalog-flip-sheet.turn-forward{animation:dongsung-page-forward .82s cubic-bezier(.58,.02,.28,1) both}
.catalog-flip-sheet.turn-backward{animation:dongsung-page-backward .82s cubic-bezier(.58,.02,.28,1) both}
.catalog-book-spine{position:absolute;z-index:7;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(255,255,255,.4),rgba(0,0,0,.28));box-shadow:0 0 15px rgba(0,0,0,.32);pointer-events:none}
.catalog-turn-zone{position:absolute;z-index:9;top:15%;bottom:15%;width:72px;border:0;background:transparent;color:rgba(255,255,255,.3);font:inherit;font-size:7px;letter-spacing:.16em;cursor:pointer;transition:color .25s ease,background .25s ease}
.catalog-turn-prev{left:0}
.catalog-turn-next{right:0}
.catalog-turn-zone:hover,.catalog-turn-zone:focus-visible{background:rgba(22,139,208,.08);color:#fff}
.catalog-turn-zone:disabled{opacity:0;pointer-events:none}
.catalog-turn-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);margin:0;color:rgba(255,255,255,.4);font-size:7px;letter-spacing:.15em;white-space:nowrap}
.catalog-tools button:disabled{opacity:.28;cursor:not-allowed}
.catalog-reader.is-turning .catalog-turn-zone,.catalog-reader.is-turning .catalog-tools button{pointer-events:none}
.catalog-reader.is-zoomed .catalog-book{width:1700px;max-width:none}
.catalog-reader:fullscreen .catalog-stage{display:grid;height:auto;min-height:0}
.catalog-reader:fullscreen .catalog-book{width:min(86vw,1380px);max-height:calc(100vh - 245px)}

@keyframes dongsung-page-forward{
  0%{transform:rotateY(0);filter:brightness(1)}
  42%{filter:brightness(.68)}
  50%{filter:brightness(.48)}
  100%{transform:rotateY(-180deg);filter:brightness(1)}
}
@keyframes dongsung-page-backward{
  0%{transform:rotateY(-180deg);filter:brightness(1)}
  50%{filter:brightness(.48)}
  58%{filter:brightness(.68)}
  100%{transform:rotateY(0);filter:brightness(1)}
}

@media(max-width:900px){
  .dongsung-hero>img{object-position:center 20%;padding:5vh 10vw 40vh 30vw}
  .atlas-primary,.atlas-secondary{grid-column:1/-1;grid-row:auto;min-height:760px}
  .catalog-stage{padding:60px 42px}
}

@media(max-width:760px){
  .dongsung-hero>img{object-position:center 8%;padding:68px 18px 410px}
  .visual-atlas{grid-template-columns:1fr}
  .atlas-primary,.atlas-secondary{grid-column:1;min-height:0}
  .atlas-primary .atlas-media{min-height:560px}
  .atlas-secondary .atlas-media{min-height:500px}
  .atlas-card figcaption{grid-template-columns:1fr;gap:15px;min-height:180px}
  .tech-label{min-height:20px;font-size:10px;letter-spacing:.045em}
  .tech-label>span{padding:6px 7px}
  .tech-label::after{width:5px;height:5px}
  .tech-label .label-full{display:none}
  .tech-label .label-compact{display:block}
  .tech-label.mobile-optional{display:none}
  .level-story-steps button{min-width:0;min-height:44px;padding:0 9px;gap:6px;font-size:10px}
  .sensor-flow-pair{display:flex;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
  .flow-context-card,.level-action-column{flex:0 0 88vw;scroll-snap-align:start}
  .sensor-flow-media{height:310px}
  .flow-context-card .sensor-flow-media{height:364px;min-height:0}
  .sensor-flow-card figcaption{min-height:138px}
  .level-scroll-hint{flex-direction:column;gap:7px}
  .catalog-stage{min-height:0;padding:48px 8px 58px;perspective:1350px}
  .catalog-book{width:calc(100% - 8px);filter:drop-shadow(0 18px 22px rgba(0,0,0,.32))}
  .catalog-reader.is-single-spread .catalog-book{width:min(calc(100% - 8px),580px)}
  .catalog-reader.is-zoomed .catalog-book{width:760px}
  .catalog-flip-sheet.turn-forward,.catalog-flip-sheet.turn-backward{animation-duration:.64s}
  .catalog-turn-zone{top:0;bottom:0;width:46px;color:transparent}
  .catalog-turn-hint{bottom:18px}
}

@media(prefers-reduced-motion:reduce){
  .catalog-flip-sheet.turn-forward,.catalog-flip-sheet.turn-backward{animation-duration:.001ms}
  .catalog-book{transition:none}
  .water-zone::before,.water-zone::after,.water-zone i,.sensor-pulse{animation:none}
}

/* K-RoastMySoul live product and brand-world archive */
.case-hero.fortune-hero>img{object-fit:cover;object-position:center 48%;padding:0;background:#11120f;filter:saturate(.82) contrast(1.06) brightness(.72)}
.case-hero.fortune-hero::after{background:linear-gradient(90deg,rgba(5,6,5,.94) 0,rgba(5,6,5,.66) 34%,rgba(5,6,5,.12) 72%,rgba(5,6,5,.28)),linear-gradient(0deg,rgba(5,6,5,.72),transparent 60%)}
.fortune-flow-storyboard{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;min-width:0}
.fortune-flow-storyboard .gallery-item.fortune-flow-card{grid-column:auto;min-height:0;aspect-ratio:16/9;background:#e7e1d5}
.gallery-item.fortune-flow-card img{object-fit:cover;object-position:center;padding:0;background:#e7e1d5}
.fortune-flow-storyboard .gallery-caption{inset:auto 7px 7px;padding:7px 8px;font-size:6px;white-space:nowrap}
.fortune-flow-legend{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:27px 0 0;list-style:none;counter-reset:fortune-flow}
.fortune-flow-legend li{position:relative;counter-increment:fortune-flow;min-width:0;padding:17px 10px 0;border-top:1px solid rgba(20,20,16,.35)}
.fortune-flow-legend li::before{content:"0" counter(fortune-flow);position:absolute;top:-11px;left:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--signal);color:#fff;font-size:7px;letter-spacing:.04em}
.fortune-flow-legend li:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:-10px;right:-5px;padding:0 3px;background:#e9e6df;color:#7e7c75;font-size:12px}
.fortune-flow-legend b,.fortune-flow-legend span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fortune-flow-legend b{font-size:8px;letter-spacing:.12em}.fortune-flow-legend span{margin-top:6px;color:#6c6e67;font-size:8px}
.fortune-entry-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-height:0;aspect-ratio:16/5}
.fortune-entry-pair .gallery-item{grid-column:auto;width:100%;height:100%;min-height:0;background:#eeece6}
.gallery-item.fortune-entry-card img{object-fit:cover;object-position:center;padding:0;background:#eeece6}
.fortune-food-discovery-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-height:0;aspect-ratio:16/5}
.fortune-food-discovery-pair .gallery-item{grid-column:auto;width:100%;height:100%;min-height:0;background:#eeece6}
.gallery-item.fortune-food-discovery-card img{object-fit:contain;object-position:center;padding:0;background:#eeece6}
.gallery-item.fortune-couple-result{min-height:0;background:#e8e3d8}
.gallery-item.fortune-couple-result img{object-fit:contain;object-position:center;padding:0;background:#e8e3d8}
.fortune-couple-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-height:0;aspect-ratio:8/3}
.fortune-couple-pair .gallery-item{grid-column:auto;width:100%;height:100%;min-height:0;background:#e8e3d8}
.fortune-world-cluster{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;min-height:0;aspect-ratio:16/11}
.fortune-world-cluster .gallery-item{grid-column:auto;min-height:0;width:100%;height:100%}
.fortune-world-cluster .fortune-world-portrait{grid-row:1/-1}
.gallery-item.fortune-world-card img{object-fit:cover;object-position:center;padding:0;background:#11120f}

/* DAEHAN brand ecosystem and KOLAO spatial brand case */
.gallery-item.third{grid-column:span 4;min-height:390px}
.vehicle-naming-card{min-height:0;aspect-ratio:16/9}
.gallery-item.vehicle-naming-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.gallery-item.vehicle-naming-study{background:#d7d4cd}
.gallery-item.vehicle-naming-study img{object-fit:cover;object-position:center 21%;background:#d7d4cd}
.gallery-item.vehicle-naming-application img{object-fit:cover;object-position:center;padding:0;background:#111}
.ecosystem-route{padding:110px clamp(20px,6.5vw,108px) 0;background:#0a0c0a;color:#f1eee8}
.daehan-hero>img{object-fit:cover;object-position:center 48%;padding:0;filter:saturate(.78) contrast(1.06) brightness(.72)}
.daehan-hero::after{background:linear-gradient(90deg,rgba(5,6,5,.96) 0,rgba(5,6,5,.76) 36%,rgba(5,6,5,.12) 72%,rgba(5,6,5,.35)),linear-gradient(0deg,rgba(5,6,5,.78),transparent 58%)}
.ecosystem-route-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;padding-bottom:54px}
.ecosystem-route-intro .section-label{grid-column:1/-1;margin-bottom:-10px;color:var(--signal)}
.ecosystem-route-intro h2{margin:0;font-size:clamp(48px,6vw,96px);font-weight:300;line-height:.9;letter-spacing:-.06em}
.ecosystem-route-intro>p:last-child{max-width:520px;margin:0;color:#9b9e98;font-size:13px;line-height:1.75}
.ecosystem-steps{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-bottom:0}
.ecosystem-steps a{position:relative;display:grid;min-height:160px;border-right:1px solid var(--line);padding:22px 18px;transition:background .25s ease,color .25s ease}
.ecosystem-steps a:last-child{border-right:0}
.ecosystem-steps a::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.ecosystem-steps a:hover,.ecosystem-steps a:focus-visible{background:#181a17;color:#fff;outline:0}
.ecosystem-steps a:hover::before,.ecosystem-steps a:focus-visible::before{transform:scaleX(1)}
.ecosystem-steps span{color:var(--signal);font-size:8px;letter-spacing:.14em}
.ecosystem-steps b{align-self:end;font-size:15px;font-weight:500;letter-spacing:-.02em}
.ecosystem-steps small{margin-top:8px;color:#747872;font-size:7px;letter-spacing:.1em}
.ecosystem-document{background:#dad7d0}
.vehicle-promotion-card{min-height:0;aspect-ratio:16/9;background:#d7d4cd}
.gallery-item.vehicle-promotion-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.gallery-item.vehicle-promotion-installed img{object-position:center}
.vehicle-decal-card{min-height:0;aspect-ratio:16/9;background:#d7d4cd}
.gallery-item.vehicle-decal-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.campaign-final-art,.campaign-field-proof{min-height:0;aspect-ratio:3/2}
.gallery-item.campaign-final-art img{object-fit:cover;object-position:center;padding:0;background:#eeece6}
.gallery-item.campaign-field-proof img{object-fit:cover;object-position:50% 48%;padding:0;background:#eeece6}
.gallery-item.wide.kolao-billboard-field{min-height:0;aspect-ratio:8/3;background:#d7d4cd}
.gallery-item.kolao-billboard-field img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.daehan-contact-card{min-height:0;aspect-ratio:3/2;background:#2b2927}
.gallery-item.daehan-contact-card img{object-fit:cover;padding:0;background:#2b2927}
.gallery-item.daehan-contact-primary img{object-position:50% 28%}
.gallery-item.daehan-contact-guideline img{object-position:center}
.kr-motors-group-head{padding-top:50px}
.kr-motors-contact-card{min-height:0;aspect-ratio:3/2;background:#d9dce1}
.gallery-item.kr-motors-logo-card img{object-fit:cover;object-position:center;padding:0;background:transparent}
.kr-motors-application-preview{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px;background:#cfd1d2}
.kr-motors-application-preview i{display:block;background-image:url('/media/pages/daehan-kolao/01-brand-identity/daehan-kolao--kr-motors-identity-applications--optimized.webp?v=20260830-1');background-repeat:no-repeat;background-size:100% auto;background-color:#f3f3f2}
.kr-motors-application-preview i:nth-child(1){background-position:center 3%}
.kr-motors-application-preview i:nth-child(2){background-position:center 40%}
.kr-motors-application-preview i:nth-child(3){background-position:center 72%}
.kr-motors-application-preview i:nth-child(4){background-position:center 100%}
.print-system-card{min-height:0;aspect-ratio:4/3}
.gallery-item.print-system-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.product-manual-card{min-height:0;aspect-ratio:3/2}
.gallery-item.product-manual-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.field-photo-cluster{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;min-height:0;aspect-ratio:16/10}
.field-photo-cluster .gallery-item{grid-column:auto;min-height:0;width:100%;height:100%}
.field-photo-cluster .field-photo-portrait{grid-row:1/-1}
.gallery-item.field-photo-card img{object-fit:cover;object-position:center;padding:0;background:#d7d4cd}
.ecosystem-tall{min-height:680px;background:#111310}
.gallery-item.ecosystem-tall img{object-fit:cover;object-position:center top;padding:0;background:#111310}
.gallery-item.ecosystem-tall.outdoor-archive-pair{min-height:0;aspect-ratio:3/2}
.gallery-item.ecosystem-tall.outdoor-archive-pair img{object-fit:cover;object-position:center top}
.gallery-group-head[id]{scroll-margin-top:72px}
.brand-space-bridge[id]{scroll-margin-top:64px}
.brand-space-bridge{position:relative;min-height:78svh;overflow:hidden;background:#0a0b0a;color:#f1eee8}
.brand-space-bridge>a{position:relative;display:grid;align-content:end;min-height:78svh;padding:clamp(80px,10vw,150px) clamp(20px,6.5vw,108px);isolation:isolate}
.brand-space-bridge img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.72) contrast(1.08)}
.brand-space-bridge>a::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.94),rgba(5,6,5,.28) 72%),linear-gradient(0deg,rgba(5,6,5,.76),transparent 58%)}
.brand-space-bridge span{color:#c4c5bf;font-size:8px;letter-spacing:.18em}
.brand-space-bridge h2{max-width:1040px;margin:22px 0 30px;font-size:clamp(54px,7vw,118px);font-weight:300;line-height:.84;letter-spacing:-.065em}
.brand-space-bridge p{margin:0;color:#d2d0ca;font-size:13px;letter-spacing:.02em}
.brand-space-bridge b{color:var(--signal);font-weight:400}

.space-hero>img{object-position:center 52%;filter:saturate(.72) contrast(1.08) brightness(.72)}
.space-hero::after{background:linear-gradient(90deg,rgba(5,6,5,.96),rgba(5,6,5,.18) 72%),linear-gradient(0deg,rgba(5,6,5,.8),transparent 58%)}
.space-map-section{padding:140px clamp(20px,6.5vw,108px);background:#0a0c0c;color:#f1eee8}
.space-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:62px}
.space-section-head h2{max-width:900px;margin:0;font-size:clamp(50px,6vw,96px);font-weight:300;line-height:.9;letter-spacing:-.06em}
.space-section-head>p{max-width:500px;margin:0;color:#969b98;font-size:13px;line-height:1.75}
.space-map{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);border:1px solid rgba(255,255,255,.16);background:#101312}
.space-map-stage{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:16/9;overflow:hidden;background:#090a09}
.space-map-visual{position:relative;height:100%;max-width:100%;aspect-ratio:4/3}
.space-map-visual>img{display:block;width:100%;height:100%;object-fit:cover}
.space-hotspot{--size:34px;position:absolute;z-index:3;left:var(--x);top:var(--y);display:grid;place-items:center;width:var(--size);height:var(--size);border:1px solid rgba(255,255,255,.8);border-radius:50%;padding:0;background:rgba(8,10,10,.72);color:#fff;font:inherit;cursor:pointer;transform:translate(-50%,-50%);transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.space-hotspot::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,109,49,.34);border-radius:50%;opacity:0;transform:scale(.72);transition:opacity .25s ease,transform .25s ease}
.space-hotspot span{font-size:7px;letter-spacing:.08em}
.space-hotspot:hover,.space-hotspot:focus-visible,.space-hotspot.is-active{background:var(--signal);transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 24px rgba(255,109,49,.42);outline:0}
.space-hotspot.is-active::after,.space-hotspot:focus-visible::after{opacity:1;transform:scale(1)}
.space-map-expand{position:absolute;z-index:4;right:14px;bottom:14px;border:1px solid rgba(255,255,255,.32);padding:11px 13px;background:rgba(7,8,7,.78);color:#fff;font:inherit;font-size:7px;letter-spacing:.14em;cursor:zoom-in;backdrop-filter:blur(8px)}
.space-map-copy{display:grid;align-content:end;min-width:0;border-left:1px solid rgba(255,255,255,.16);padding:clamp(24px,3vw,46px)}
.space-map-copy>span{color:var(--signal);font-size:8px;letter-spacing:.15em}
.space-map-copy h3{margin:18px 0 26px;font-size:clamp(28px,3vw,48px);font-weight:300;line-height:.95;letter-spacing:-.045em}
.space-map-copy p{min-height:108px;margin:0;color:#a2a6a3;font-size:12px;line-height:1.75}
.space-map-copy small{margin-top:42px;color:#686d6a;font-size:7px;letter-spacing:.14em}
.space-detail-dialog{width:min(96vw,1720px);max-width:none;height:min(94dvh,1080px);max-height:none;border:1px solid rgba(255,255,255,.2);padding:0;overflow:hidden;background:#080a09;color:#f1eee8}
.space-detail-dialog::backdrop{background:rgba(3,4,3,.9);backdrop-filter:blur(10px)}
.space-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);width:100%;height:100%}
.space-detail-stage{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#050605}
.space-detail-visual{--focus-x:50%;--focus-y:50%;--focus-scale:1.08;position:relative;height:100%;max-width:100%;aspect-ratio:4/3;transform:scale(var(--focus-scale));transform-origin:var(--focus-x) var(--focus-y);transition:transform .65s cubic-bezier(.2,.72,.2,1),transform-origin .65s cubic-bezier(.2,.72,.2,1);will-change:transform}
.space-detail-visual>img{display:block;width:100%;height:100%;object-fit:cover}
.space-detail-copy{position:relative;display:grid;align-content:end;min-width:0;border-left:1px solid rgba(255,255,255,.16);padding:clamp(24px,3vw,46px)}
.space-detail-close{position:absolute;top:18px;right:18px;border:0;padding:8px 0;background:transparent;color:#fff;font:inherit;font-size:8px;letter-spacing:.15em;cursor:pointer}
.space-detail-copy>span{color:var(--signal);font-size:8px;letter-spacing:.15em}
.space-detail-copy h3{margin:18px 0 26px;font-size:clamp(30px,3vw,52px);font-weight:300;line-height:.95;letter-spacing:-.045em}
.space-detail-copy p{min-height:122px;margin:0;color:#a2a6a3;font-size:12px;line-height:1.75}
.space-detail-copy small{margin-top:42px;color:#686d6a;font-size:7px;letter-spacing:.14em}
.compare-section{padding:140px clamp(20px,6.5vw,108px);background:#e9e6df;color:#161712}
.compare-section .section-label{color:#777a73}
.compare-section .space-section-head>p{color:#6c6e67}
.compare-shell{border:1px solid rgba(22,23,18,.2);background:#121411}
.compare-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#121411;isolation:isolate}
.compare-layer{position:absolute;inset:0;display:grid;place-items:center;background:#121411}
.compare-layer img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.compare-built{z-index:2;clip-path:inset(0 0 0 var(--compare))}
.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare);width:1px;background:#fff;pointer-events:none;transform:translateX(-.5px);filter:drop-shadow(0 0 6px rgba(0,0,0,.8))}
.compare-divider i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(11,12,10,.8);color:#fff;font-size:15px;font-style:normal;transform:translate(-50%,-50%);backdrop-filter:blur(8px)}
.compare-badge{position:absolute;z-index:3;top:16px;max-width:44%;padding:10px 12px;background:rgba(9,10,9,.8);color:#fff;font-size:7px;line-height:1.5;letter-spacing:.14em;pointer-events:none;backdrop-filter:blur(8px)}
.compare-badge-left{left:16px}.compare-badge-right{right:16px;text-align:right}
.compare-stage input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare-shell:focus-within{outline:2px solid var(--signal);outline-offset:3px}
.compare-shell:focus-within .compare-divider i{border-color:var(--signal);background:var(--signal)}
.compare-foot{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:15px 18px;color:#8d918a;font-size:7px;letter-spacing:.13em}
.compare-foot output{color:#fff}.compare-foot span:last-child{text-align:right}
.gallery-compare{grid-column:1/-1;margin-bottom:2px}
.space-gallery .space-photo{background:#10110f}
.space-gallery .space-photo img{object-fit:contain;padding:0;background:#10110f}
.space-gallery .space-sequence-card{min-height:0;aspect-ratio:16/9}
.space-gallery .space-panorama,.space-gallery .space-overview{min-height:0;background:#f0eee8}
.space-gallery .space-panorama img,.space-gallery .space-overview img{display:block;height:auto;background:#f0eee8}
.space-gallery .space-proposal-card{min-height:0;aspect-ratio:4/3}
.space-gallery .space-ai-exterior{min-height:0;aspect-ratio:2098/750}
.space-gallery .space-ai-result{min-height:0;aspect-ratio:4/3}
.space-gallery .space-document{min-height:980px;background:#11120f}
.space-gallery .space-document img{padding:20px;background:#11120f}
.space-process-evidence{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);background:#101210;color:#f1eee8}
.process-evidence-media{position:relative;min-width:0;aspect-ratio:16/9;border:0;padding:0;overflow:hidden;background:#0d0f0e;cursor:zoom-in}
.process-evidence-media img{display:block;width:100%;height:100%;object-fit:contain;background:#0d0f0e;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.process-evidence-media:hover img,.process-evidence-media:focus-visible img{transform:scale(1.02)}
.process-evidence-media:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.process-evidence-copy{display:grid;align-content:end;border-left:1px solid rgba(255,255,255,.14);padding:clamp(28px,4vw,58px)}
.process-evidence-copy b{color:var(--signal);font-size:8px;letter-spacing:.14em}.process-evidence-copy h4{margin:18px 0 22px;font-size:clamp(28px,3vw,46px);font-weight:300;line-height:.95;letter-spacing:-.045em}
.process-evidence-copy p{margin:0;color:#a0a49f;font-size:11px;line-height:1.75}.process-evidence-copy small{margin-top:34px;color:#696e69;font-size:7px;letter-spacing:.14em}
.gallery-caption.proposal{border:1px solid rgba(255,109,49,.66);color:#ffd2be}
.gallery-caption.ai{border:1px solid rgba(255,109,49,.66);color:#ffd2be}
.ai-archive-section{padding:140px clamp(20px,6.5vw,108px);background:#0a0c0c;color:#f1eee8}
.archive-key{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.16);margin-bottom:2px}
.archive-key>div{display:grid;gap:8px;padding:22px 24px}.archive-key>div+div{border-left:1px solid rgba(255,255,255,.16)}
.archive-key b{font-size:8px;letter-spacing:.13em}.archive-key>div:first-child b{color:#d6d6d0}.archive-key>div:last-child b{color:var(--signal)}
.archive-key span{color:#686d6a;font-size:7px;letter-spacing:.12em}
.ai-archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}
.archive-entry{grid-column:span 3;display:grid;grid-template-rows:auto 1fr;min-width:0;background:#111310}
.archive-source-entry{grid-column:span 6}
.archive-card{position:relative;width:100%;aspect-ratio:4/3;border:0;padding:0;overflow:hidden;background:#111310;color:#fff;text-align:left;cursor:zoom-in}
.archive-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease}
.archive-card:hover img,.archive-card:focus-visible img{transform:scale(1.025);filter:contrast(1.04)}
.archive-card:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.archive-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,7,.84),transparent 48%);pointer-events:none}
.archive-card>span{position:absolute;z-index:2;right:16px;bottom:16px;left:16px;display:grid;gap:7px}
.archive-card b{font-size:7px;line-height:1.4;letter-spacing:.11em}.archive-ai b{color:#ffb695}
.archive-card small{color:#b2b5ae;font-size:6px;letter-spacing:.12em}
.archive-meta{display:grid;align-content:start;margin:0;border-top:1px solid rgba(255,255,255,.14);background:#111310}
.archive-meta>div{display:grid;gap:8px;padding:18px 16px}.archive-meta>div+div{border-top:1px solid rgba(255,255,255,.1)}
.archive-meta dt{color:var(--signal);font-size:6px;line-height:1.5;letter-spacing:.12em}.archive-meta dd{margin:0;color:#a9ada8;font-size:9px;line-height:1.65;word-break:keep-all}
.archive-meta-source{grid-template-columns:1fr 1fr}.archive-meta-source>div+div{border-top:0;border-left:1px solid rgba(255,255,255,.1)}.archive-meta-source dt{color:#c9cbc5}
.archive-source-link{display:grid;width:100%;gap:10px;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-source-link span{color:#c7cac4;font-size:9px;line-height:1.5}.archive-source-link b{width:max-content;border-bottom:1px solid rgba(255,109,49,.6);padding-bottom:4px;color:var(--signal);font-size:6px;letter-spacing:.13em;transition:border-color .2s ease,color .2s ease}
.archive-source-link:hover b,.archive-source-link:focus-visible b{border-color:#fff;color:#fff}.archive-source-link:focus-visible{outline:1px solid var(--signal);outline-offset:5px}
.archive-disclaimer{display:grid;grid-template-columns:140px 1fr;gap:24px;margin:36px 0 0;border-top:1px solid rgba(255,255,255,.16);padding-top:24px;color:#858b87;font-size:10px;line-height:1.8}
.archive-disclaimer b{color:var(--signal);font-size:8px;letter-spacing:.14em}.archive-disclaimer i{color:#c9cbc5;font-style:normal}
.source-view-dialog{width:min(94vw,1500px);max-width:none;height:min(92vh,980px);max-height:none;border:1px solid rgba(255,255,255,.2);padding:0;overflow:hidden;background:#090b0a;color:#f1eee8}
.source-view-dialog::backdrop{background:rgba(3,4,3,.9);backdrop-filter:blur(12px)}
.source-view-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%}
.source-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(255,255,255,.14);padding:24px clamp(18px,3vw,42px)}
.source-view-head span{color:var(--signal);font-size:7px;letter-spacing:.14em}.source-view-head h2{margin:12px 0 0;font-size:clamp(30px,4vw,58px);font-weight:300;line-height:.9;letter-spacing:-.05em}
.source-view-close,.source-view-return{border:0;border-bottom:1px solid rgba(255,255,255,.36);padding:5px 0;background:transparent;color:#fff;font:inherit;font-size:7px;letter-spacing:.13em;cursor:pointer}
.source-view-close:focus-visible,.source-view-return:focus-visible{outline:1px solid var(--signal);outline-offset:5px}
.source-view-intro{max-width:850px;margin:0;padding:18px clamp(18px,3vw,42px);color:#8c918d;font-size:10px;line-height:1.7}
.source-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-height:0;overflow:auto;padding:0 clamp(18px,3vw,42px) 22px}
.source-view-grid figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:0;background:#111310}
.source-view-grid img{width:100%;height:100%;min-height:0;object-fit:contain;background:#111310}
.source-view-grid figcaption{display:grid;gap:7px;border-top:1px solid rgba(255,255,255,.12);padding:14px 16px}.source-view-grid figcaption b{color:#d4d6d0;font-size:6px;letter-spacing:.13em}.source-view-grid figcaption span{color:#858a86;font-size:8px;letter-spacing:.06em}
.source-view-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.14);padding:17px clamp(18px,3vw,42px);color:#676c68;font-size:7px;letter-spacing:.12em}

@media(max-width:900px){
  .ecosystem-steps{grid-template-columns:repeat(3,1fr)}
  .ecosystem-steps a{border-bottom:1px solid var(--line)}
  .ecosystem-steps a:nth-child(3n){border-right:0}
  .space-map{grid-template-columns:1fr}
  .space-map-copy{border-top:1px solid rgba(255,255,255,.16);border-left:0}
  .space-map-copy p{min-height:0}
  .space-map-copy small{margin-top:28px}
  .archive-entry,.archive-source-entry{grid-column:span 6}
  .archive-entry:last-child{grid-column:1/-1}
  .archive-entry:last-child .archive-card{aspect-ratio:16/9}
  .space-detail-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .space-detail-copy{border-top:1px solid rgba(255,255,255,.16);border-left:0;padding:22px 24px}
  .space-detail-copy h3{margin:12px 0 14px}.space-detail-copy p{min-height:0}.space-detail-copy small{margin-top:18px}
  .space-detail-close{top:12px;right:16px}
}

@media(max-width:760px){
  .case-hero.fortune-hero>img{object-position:66% center}
  .fortune-flow-storyboard{grid-column:1;grid-template-columns:repeat(5,minmax(76vw,1fr));overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
  .fortune-flow-storyboard .gallery-item.fortune-flow-card{scroll-snap-align:start}
  .fortune-flow-legend{grid-template-columns:repeat(5,minmax(76vw,1fr))}
  .fortune-entry-pair{grid-column:1;grid-template-columns:1fr;aspect-ratio:auto}
  .fortune-entry-pair .gallery-item{height:auto;aspect-ratio:16/10}
  .fortune-food-discovery-pair{grid-column:1;grid-template-columns:1fr;aspect-ratio:auto}
  .fortune-food-discovery-pair .gallery-item{height:auto;aspect-ratio:16/10}
  .fortune-couple-pair{grid-column:1;grid-template-columns:1fr;aspect-ratio:auto}
  .fortune-couple-pair .gallery-item{height:auto;aspect-ratio:4/3}
  .fortune-couple-pair .fortune-couple-entry{aspect-ratio:16/10}
  .fortune-world-cluster{grid-column:1;grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto}
  .fortune-world-cluster .gallery-item{height:auto;min-height:0}
  .fortune-world-cluster .fortune-world-portrait{grid-row:auto;aspect-ratio:2/3}
  .fortune-world-cluster .fortune-world-card:not(.fortune-world-portrait){aspect-ratio:16/9}
  .gallery-item.third{grid-column:1;min-height:330px}
  .gallery-item.kr-motors-contact-card{min-height:0;aspect-ratio:3/2}
  .ecosystem-route{padding:90px 20px 0}
  .ecosystem-route-intro{grid-template-columns:1fr;gap:24px;padding-bottom:40px}
  .ecosystem-route-intro .section-label{grid-column:1;margin-bottom:0}
  .ecosystem-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
  .ecosystem-steps a{flex:0 0 48%;min-height:142px;border-right:1px solid var(--line);border-bottom:0;scroll-snap-align:start}
  .ecosystem-steps a:nth-child(3n){border-right:1px solid var(--line)}
  .ecosystem-steps a:last-child{border-right:0}
  .ecosystem-tall{min-height:520px}
  .gallery-item.ecosystem-tall.outdoor-archive-pair{min-height:0;aspect-ratio:3/2}
  .field-photo-cluster{grid-column:1;grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto}
  .field-photo-cluster .gallery-item{height:auto;min-height:0}
  .field-photo-cluster .field-photo-portrait{grid-row:auto;aspect-ratio:2/3}
  .field-photo-cluster .field-photo-card:not(.field-photo-portrait){aspect-ratio:16/9}
  .campaign-final-art,.campaign-field-proof,.gallery-item.wide.kolao-billboard-field{min-height:0}
  .brand-space-bridge,.brand-space-bridge>a{min-height:680px}
  .brand-space-bridge>a{padding:100px 20px 72px}
  .brand-space-bridge img{object-position:60% center}
  .space-hero{min-height:760px;padding-bottom:70px}
  .space-hero>img{object-position:62% center}
  .space-map-section,.compare-section,.ai-archive-section{padding:100px 20px}
  .space-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
  .space-map-stage{aspect-ratio:4/3}
  .space-map-visual{width:100%;height:auto}
  .space-hotspot{--size:31px}
  .space-map-copy{padding:26px 22px}
  .space-detail-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}
  .space-detail-shell{display:flex;flex-direction:column}
  .space-detail-stage{flex:0 0 auto;width:100%;aspect-ratio:4/3}
  .space-detail-visual{--focus-scale:1.06;width:100%;height:auto}
  .space-detail-copy{flex:1;align-content:start;padding:64px 20px 22px}.space-detail-copy p{font-size:10px}.space-detail-copy small{margin-top:14px}
  .space-gallery .space-document{min-height:660px}
  .compare-stage{aspect-ratio:4/3}
  .compare-badge{top:10px;padding:8px;font-size:6px}.compare-badge-left{left:10px}.compare-badge-right{right:10px}
  .compare-divider i{width:38px;height:38px}
  .compare-foot{grid-template-columns:1fr auto;padding:13px 12px}.compare-foot span:last-child{display:none}
  .archive-key{grid-template-columns:1fr}.archive-key>div+div{border-top:1px solid rgba(255,255,255,.16);border-left:0}
  .ai-archive-grid{grid-template-columns:1fr}.archive-entry,.archive-source-entry,.archive-entry:last-child{grid-column:1}.archive-entry:last-child .archive-card{aspect-ratio:4/3}
  .archive-meta-source{grid-template-columns:1fr}.archive-meta-source>div+div{border-top:1px solid rgba(255,255,255,.1);border-left:0}
  .archive-disclaimer{grid-template-columns:1fr;gap:10px}
  .source-view-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px)}
  .source-view-head{display:grid}.source-view-close{width:max-content}
  .source-view-grid{grid-template-columns:1fr;overflow:auto}.source-view-grid figure{min-height:330px}.source-view-grid img{min-height:260px}
  .source-view-shell>footer span{display:none}.source-view-shell>footer{justify-content:flex-end}
}

@media(prefers-reduced-motion:reduce){
  .space-hotspot,.space-hotspot::after,.space-detail-visual,.archive-card img{transition:none}
}

@media(max-width:760px){
  .space-gallery .space-proposal-card{min-height:0;aspect-ratio:4/3}
  .space-gallery .space-ai-exterior{min-height:0;aspect-ratio:16/9}
  .space-gallery .space-ai-result{min-height:0;aspect-ratio:4/3}
  .space-process-evidence{grid-template-columns:1fr}.process-evidence-copy{border-top:1px solid rgba(255,255,255,.14);border-left:0}
}

/* KITPM · institutional digital presence */
.kitpm-case{--signal:#69c729;--kitpm-blue:#0b236d;--kitpm-paper:#f3f4f1}
.kitpm-case .kitpm-hero{min-height:96svh;isolation:isolate;background:#07111d}
.kitpm-hero>img{z-index:-3;width:100%;height:100%;object-fit:cover;object-position:66% center;padding:0;filter:saturate(.78) contrast(1.08) brightness(.78)}
.kitpm-hero::after{z-index:-1;background:linear-gradient(90deg,rgba(5,11,21,.98) 0,rgba(5,11,21,.84) 39%,rgba(5,11,21,.12) 74%),linear-gradient(0deg,rgba(4,9,16,.82),transparent 58%)}
.kitpm-hero-grid{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent 0,rgba(105,199,41,.16) 50%,transparent 100%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.08) 12.5%);background-size:42% 100%,100% 100%;background-position:-50% 0,0 0;mix-blend-mode:screen;opacity:.58;animation:kitpm-data-scan 12s cubic-bezier(.4,0,.2,1) infinite alternate;pointer-events:none}
.kitpm-hero .case-title{max-width:900px}
.kitpm-hero .case-title h1{font-size:clamp(68px,8.8vw,148px)}
.kitpm-hero .case-title>p:not(.case-kicker){max-width:690px;margin:0;color:#d6dce2;font-size:clamp(14px,1.3vw,20px);font-weight:300;line-height:1.65}
.kitpm-hero-index{position:absolute;z-index:2;right:clamp(20px,4vw,64px);bottom:36px;display:grid;gap:8px;text-align:right}
.kitpm-hero-index span{color:var(--signal);font-size:7px;letter-spacing:.18em}.kitpm-hero-index b{font-size:9px;font-weight:500;letter-spacing:.13em}
.kitpm-overview .quick-note{margin-top:44px;border-color:var(--signal);background:rgba(105,199,41,.08);color:#62665f}
.kitpm-logo-system,.kitpm-folio{padding:140px clamp(20px,6.5vw,108px)}
.kitpm-logo-system{background:#08111a;color:#f1f3ef}
.kitpm-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:8vw;align-items:end;margin-bottom:70px}
.kitpm-section-head>div>p{margin:0 0 24px;color:var(--signal);font-size:8px;letter-spacing:.18em}
.kitpm-section-head h2{margin:0;font-size:clamp(52px,7vw,110px);font-weight:300;line-height:.88;letter-spacing:-.065em}
.kitpm-section-head>p{max-width:500px;margin:0;color:#939b9d;font-size:13px;line-height:1.8}
.kitpm-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.kitpm-logo-card{position:relative;min-height:360px;border:0;padding:0;overflow:hidden;background:#eef0ed;color:#10130f;font:inherit;cursor:zoom-in}
.kitpm-logo-primary{grid-column:1/-1;min-height:620px}
.kitpm-logo-card img{width:100%;height:100%;object-fit:contain;padding:clamp(20px,4vw,64px);background:#f5f6f3;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.kitpm-logo-application{min-height:0;aspect-ratio:1672/941}.kitpm-logo-application img{object-fit:cover;padding:0;background:#d9d4cc}
.kitpm-logo-guide{min-height:0;aspect-ratio:16/9}.kitpm-logo-guide img{padding:0}
.kitpm-logo-card>span:not(.kitpm-guide-layer){position:absolute;z-index:2;right:14px;bottom:14px;left:14px;width:max-content;max-width:calc(100% - 28px);padding:10px 12px;background:rgba(8,17,26,.9);color:#f5f7f2;font-size:7px;letter-spacing:.14em;backdrop-filter:blur(8px);transition:opacity .25s ease}
.kitpm-guide-layer{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3.5vw,52px);background:linear-gradient(0deg,rgba(5,12,21,.97),rgba(5,12,21,.76) 46%,rgba(5,12,21,.08));color:#fff;text-align:left;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.kitpm-guide-layer b{color:var(--signal);font-size:8px;font-style:normal;font-weight:600;letter-spacing:.18em}.kitpm-guide-layer em{display:block;max-width:440px;margin-top:14px;color:#e2e7e2;font-size:12px;font-style:normal;line-height:1.7;letter-spacing:-.01em}
.kitpm-logo-guide:hover .kitpm-guide-layer,.kitpm-logo-guide:focus-visible .kitpm-guide-layer{opacity:1;transform:none}.kitpm-logo-guide:hover>span:not(.kitpm-guide-layer),.kitpm-logo-guide:focus-visible>span:not(.kitpm-guide-layer){opacity:0}
.kitpm-logo-card:hover img,.kitpm-logo-card:focus-visible img{transform:scale(1.018);filter:contrast(1.03)}.kitpm-logo-card:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.kitpm-contact-proof{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);margin-top:2px;border:1px solid rgba(255,255,255,.13);background:#0b141d}
.kitpm-contact-copy{display:grid;align-content:end;border-right:1px solid rgba(255,255,255,.13);padding:clamp(32px,4.5vw,72px)}
.kitpm-contact-copy>span{color:var(--signal);font-size:8px;letter-spacing:.18em}.kitpm-contact-copy h3{margin:22px 0 28px;font-size:clamp(36px,4vw,64px);font-weight:300;line-height:.9;letter-spacing:-.055em}.kitpm-contact-copy p{max-width:500px;margin:0;color:#929b9b;font-size:12px;line-height:1.8}.kitpm-contact-copy a{width:max-content;margin-top:40px;border-bottom:1px solid rgba(105,199,41,.65);padding-bottom:6px;color:#dfe6df;font-size:7px;letter-spacing:.14em}
.kitpm-namecard-card{position:relative;min-height:760px;border:0;padding:0;overflow:hidden;background:#eef0ed;cursor:zoom-in}.kitpm-namecard-card img{width:100%;height:100%;object-fit:contain;padding:clamp(22px,3vw,48px);background:#eef0ed;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.kitpm-namecard-card:hover img,.kitpm-namecard-card:focus-visible img{transform:scale(1.018)}.kitpm-namecard-card:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.kitpm-namecard-card span{position:absolute;right:14px;bottom:14px;left:14px;width:max-content;max-width:calc(100% - 28px);padding:10px 12px;background:rgba(8,17,26,.9);color:#f5f7f2;font-size:7px;letter-spacing:.14em;backdrop-filter:blur(8px)}
.kitpm-folio{background:#e8e8e3;color:#141711}
.kitpm-folio .kitpm-section-head>p{color:#646a64}.kitpm-folio-shell{border:1px solid rgba(18,24,18,.22);background:#091018;outline:0;box-shadow:0 40px 90px rgba(21,33,29,.15)}
.kitpm-folio-shell:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.kitpm-folio-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid rgba(255,255,255,.14)}
.kitpm-folio-tabs button{display:flex;align-items:center;gap:10px;min-height:66px;border:0;border-right:1px solid rgba(255,255,255,.12);padding:0 18px;background:transparent;color:#777f81;font:inherit;font-size:10px;letter-spacing:.1em;cursor:pointer;transition:background .25s ease,color .25s ease}
.kitpm-folio-tabs button:last-child{border-right:0}.kitpm-folio-tabs button span{color:var(--signal)}
.kitpm-folio-tabs button:hover,.kitpm-folio-tabs button:focus-visible,.kitpm-folio-tabs button[aria-selected="true"]{background:#132331;color:#fff;outline:0}.kitpm-folio-tabs button[aria-selected="true"]{box-shadow:inset 0 -2px var(--signal)}
.kitpm-folio-stage{position:relative;height:min(82svh,960px);min-height:680px;overflow:hidden;perspective:1800px;touch-action:pan-y;background:radial-gradient(circle at 50% 42%,#203141 0,#0b151e 48%,#070c11 78%)}
.kitpm-folio-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.92%,rgba(255,255,255,.07) 50%,transparent 50.08%),linear-gradient(0deg,rgba(105,199,41,.04),transparent 22%);pointer-events:none}
.kitpm-folio-depth{position:absolute;top:54px;right:50%;bottom:54px;width:min(55%,650px);border:1px solid rgba(255,255,255,.12);background:#dfe3df;transform:translateX(50%);box-shadow:0 30px 80px rgba(0,0,0,.35);pointer-events:none}
.kitpm-folio-depth.depth-one{transform:translate(calc(50% + 18px),10px) rotateY(-1.5deg);opacity:.38}.kitpm-folio-depth.depth-two{transform:translate(calc(50% + 34px),20px) rotateY(-2.5deg);opacity:.18}
.kitpm-folio-sheet{position:absolute;z-index:3;inset:42px 15%;display:grid;place-items:center;margin:0;transform-style:preserve-3d;transform-origin:left center;will-change:transform,opacity,filter}
.kitpm-folio-sheet>button{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.kitpm-folio-sheet img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.38));user-select:none;-webkit-user-drag:none}
.kitpm-folio-edge{position:absolute;z-index:7;top:50%;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(7,13,18,.7);color:#fff;font:inherit;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease}.kitpm-folio-edge.previous{left:24px}.kitpm-folio-edge.next{right:24px}.kitpm-folio-edge:hover,.kitpm-folio-edge:focus-visible{border-color:var(--signal);background:var(--signal);outline:0}.kitpm-folio-edge:disabled{opacity:.2;pointer-events:none}
.kitpm-folio-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:18px 22px}.kitpm-folio-controls>button{width:max-content;min-height:44px;border:0;border-bottom:1px solid rgba(255,255,255,.35);padding:5px 0;background:transparent;color:#9fa6a5;font:inherit;font-size:10px;letter-spacing:.1em;cursor:pointer}.kitpm-folio-controls>button:last-child{justify-self:end}.kitpm-folio-controls>button:hover,.kitpm-folio-controls>button:focus-visible{border-color:var(--signal);color:#fff;outline:0}.kitpm-folio-controls>button:disabled{opacity:.25;pointer-events:none}.kitpm-folio-controls p{display:flex;align-items:center;gap:14px;margin:0}.kitpm-folio-controls b{color:var(--signal);font-size:10px;letter-spacing:.1em}.kitpm-folio-controls span{color:#d6dbd8;font-size:10px;letter-spacing:.1em}
.kitpm-folio-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);background:#0b131b;transition:opacity .25s ease,transform .25s ease}.kitpm-folio-brief>div{min-height:126px;border-right:1px solid rgba(255,255,255,.11);padding:26px 28px}.kitpm-folio-brief>div:last-child{border-right:0}.kitpm-folio-brief span{display:block;color:var(--signal);font-size:7px;letter-spacing:.15em}.kitpm-folio-brief p{max-width:390px;margin:14px 0 0;color:#c6ccca;font-size:11px;line-height:1.7;letter-spacing:-.01em}.kitpm-folio-shell.is-turning-forward .kitpm-folio-brief,.kitpm-folio-shell.is-turning-backward .kitpm-folio-brief{opacity:.3;transform:translateY(5px)}.kitpm-folio-shell.is-entering-forward .kitpm-folio-brief,.kitpm-folio-shell.is-entering-backward .kitpm-folio-brief{animation:kitpm-brief-in .42s ease both}
.kitpm-folio-note{margin:20px 0 0;color:#777c75;font-size:7px;letter-spacing:.13em;text-align:center}
.kitpm-folio-shell.is-turning-forward .kitpm-folio-sheet{animation:kitpm-page-out-forward .26s cubic-bezier(.58,.02,.3,1) both}.kitpm-folio-shell.is-entering-forward .kitpm-folio-sheet{animation:kitpm-page-in-forward .42s cubic-bezier(.2,.7,.2,1) both}.kitpm-folio-shell.is-turning-backward .kitpm-folio-sheet{animation:kitpm-page-out-backward .26s cubic-bezier(.58,.02,.3,1) both}.kitpm-folio-shell.is-entering-backward .kitpm-folio-sheet{animation:kitpm-page-in-backward .42s cubic-bezier(.2,.7,.2,1) both}
.kitpm-direction{display:grid;grid-template-columns:.35fr 1.65fr;gap:6vw;padding:140px clamp(20px,6.5vw,108px);background:#0a1117}.kitpm-direction>p{margin:0;color:var(--signal);font-size:8px;letter-spacing:.18em}.kitpm-direction>div{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.kitpm-direction h2{margin:0;font-size:clamp(48px,6vw,96px);font-weight:300;line-height:.9;letter-spacing:-.06em}.kitpm-direction div>p{margin:0;color:#8e9695;font-size:12px;line-height:1.8}

@keyframes kitpm-data-scan{from{background-position:-50% 0,0 0}to{background-position:130% 0,0 0}}
@keyframes kitpm-page-out-forward{from{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}to{transform:rotateY(-12deg) translateX(-7%);opacity:0;filter:brightness(.5)}}
@keyframes kitpm-page-in-forward{from{transform:rotateY(12deg) translateX(7%);opacity:0;filter:brightness(.55)}to{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}}
@keyframes kitpm-page-out-backward{from{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}to{transform:rotateY(12deg) translateX(7%);opacity:0;filter:brightness(.5)}}
@keyframes kitpm-page-in-backward{from{transform:rotateY(-12deg) translateX(-7%);opacity:0;filter:brightness(.55)}to{transform:rotateY(0) translateX(0);opacity:1;filter:brightness(1)}}
@keyframes kitpm-brief-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .kitpm-logo-primary{min-height:500px}.kitpm-logo-primary.kitpm-logo-application{width:100%;min-width:0;min-height:0}.kitpm-logo-card{min-width:0}.kitpm-folio-sheet{inset-inline:10%}.kitpm-direction{grid-template-columns:1fr;gap:34px}.kitpm-direction>div{grid-template-columns:1fr;gap:32px}
}
@media(max-width:760px){
  .kitpm-hero{min-height:820px;padding-bottom:118px}.kitpm-hero>img{object-position:68% center}.kitpm-hero::after{background:linear-gradient(90deg,rgba(5,11,21,.96),rgba(5,11,21,.58) 60%,rgba(5,11,21,.26)),linear-gradient(0deg,rgba(4,9,16,.9),transparent 62%)}.kitpm-hero-index{left:20px;right:auto;bottom:34px;text-align:left}
  .kitpm-logo-system,.kitpm-folio,.kitpm-direction{padding:100px 20px}.kitpm-section-head{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.kitpm-logo-grid{grid-template-columns:1fr}.kitpm-logo-primary{grid-column:1;min-height:320px}.kitpm-logo-card{min-height:300px}.kitpm-logo-primary.kitpm-logo-application,.kitpm-logo-guide{min-height:0}
  .kitpm-contact-proof{grid-template-columns:1fr}.kitpm-contact-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:48px 24px}.kitpm-namecard-card{min-height:620px}
  .kitpm-folio-tabs{grid-template-columns:repeat(3,1fr)}.kitpm-folio-tabs button{min-height:58px;border-bottom:1px solid rgba(255,255,255,.12);padding:0 10px}.kitpm-folio-tabs button:nth-child(3n){border-right:0}
  .kitpm-folio-stage{height:72svh;min-height:590px}.kitpm-folio-sheet{inset:34px 14px}.kitpm-folio-depth{top:45px;right:16px;bottom:45px;width:calc(100% - 32px);transform:none}.kitpm-folio-depth.depth-one{transform:translate(6px,7px);opacity:.28}.kitpm-folio-depth.depth-two{transform:translate(12px,14px);opacity:.12}.kitpm-folio-edge{top:auto;bottom:14px;width:40px;height:40px;transform:none}.kitpm-folio-edge.previous{left:14px}.kitpm-folio-edge.next{right:14px}.kitpm-folio-controls{grid-template-columns:1fr auto 1fr;padding:15px 14px}.kitpm-folio-controls span{display:none}.kitpm-folio-brief{grid-template-columns:1fr}.kitpm-folio-brief>div{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.11);padding:20px}.kitpm-folio-brief>div:last-child{border-bottom:0}.kitpm-folio-brief p{margin-top:9px;font-size:10px}
  .kitpm-direction>div{display:grid}
}

/* ABLABS / Datawave · identity-to-contact pairing */
.brand-contact-gallery .brand-contact-logo,.brand-contact-gallery .brand-contact-card{height:clamp(620px,72vw,900px);min-height:0;align-self:start}
.brand-contact-gallery .brand-contact-logo img,.brand-contact-gallery .brand-contact-card img{width:100%;height:100%;object-fit:contain;padding:clamp(22px,2.5vw,38px)}

@media (pointer: coarse), (any-pointer: coarse), (max-width:760px) {
  .catalog-tools button,
  .catalog-thumbnails button,
  .catalog-turn-zone,
  .kitpm-folio-edge,
  .kitpm-folio-controls > button,
  .archive-source-link {
    min-height:44px;
  }
  .catalog-tools button { height:44px; }
  .space-hotspot { --size:44px; }
  .kitpm-folio-edge { width:44px; height:44px; }
  .kitpm-folio-controls > button { min-width:44px; }
  .space-map-expand { min-width:44px; min-height:44px; }
  .live-link,
  .kitpm-contact-copy a { display:inline-flex; min-height:44px; align-items:center; }
}
@media(max-width:760px){.brand-contact-gallery .brand-contact-logo,.brand-contact-gallery .brand-contact-card{height:620px;min-height:0}}
.related-tangible{padding:120px clamp(20px,6.5vw,108px);background:#0d0f0d;color:#f1eee8}.related-tangible-head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-bottom:56px}.related-tangible-head p{margin:0;color:#92958e;font-size:11px;line-height:1.75}.related-tangible-head>div>p{margin-bottom:20px;color:var(--signal);font-size:8px;letter-spacing:.17em}.related-tangible-head h2{margin:0;font-size:clamp(48px,6vw,92px);font-weight:300;line-height:.9;letter-spacing:-.06em}.related-tangible-links{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.related-tangible-links a{position:relative;display:grid;min-height:260px;padding:28px;transition:background .3s ease,color .3s ease}.related-tangible-links a+a{border-left:1px solid var(--line)}.related-tangible-links a:hover,.related-tangible-links a:focus-visible{background:#191b18;color:#fff;outline:0}.related-tangible-links span{color:var(--signal);font-size:8px;letter-spacing:.15em}.related-tangible-links strong{align-self:end;font-size:clamp(38px,4vw,66px);font-weight:300;letter-spacing:-.05em}.related-tangible-links small{margin-top:14px;color:#777b74;font-size:7px;letter-spacing:.13em}.related-tangible-links b{width:max-content;margin-top:28px;border-bottom:1px solid rgba(255,109,49,.55);padding-bottom:5px;font-size:7px;font-weight:500;letter-spacing:.14em}
@media(max-width:760px){.related-tangible{padding:90px 20px}.related-tangible-head,.related-tangible-links{grid-template-columns:1fr}.related-tangible-head{gap:24px}.related-tangible-links a{min-height:220px}.related-tangible-links a+a{border-top:1px solid var(--line);border-left:0}}
@media(hover:none){.kitpm-guide-layer{display:none}}
@media(prefers-reduced-motion:reduce){
  .kitpm-hero-grid{animation:none}.kitpm-guide-layer,.kitpm-logo-card>span:not(.kitpm-guide-layer),.kitpm-folio-brief{transition:none}.kitpm-folio-shell.is-entering-forward .kitpm-folio-brief,.kitpm-folio-shell.is-entering-backward .kitpm-folio-brief,.kitpm-folio-shell.is-turning-forward .kitpm-folio-sheet,.kitpm-folio-shell.is-entering-forward .kitpm-folio-sheet,.kitpm-folio-shell.is-turning-backward .kitpm-folio-sheet,.kitpm-folio-shell.is-entering-backward .kitpm-folio-sheet{animation-duration:.001ms}
}

/* DANDY KOREA · Sage 300 product-to-implementation story */
.dandy-case{--sage:#44b049;--dandy-blue:#172c45}
.case-hero.dandy-hero{min-height:100svh;align-items:end;isolation:isolate;padding-bottom:clamp(70px,8vh,110px)}
.case-hero.dandy-hero>img{z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;padding:0;background:#080a08;filter:saturate(.74) contrast(1.07) brightness(.72)}
.case-hero.dandy-hero::after{z-index:-1;background:linear-gradient(90deg,rgba(4,6,4,.96) 0,rgba(4,6,4,.77) 35%,rgba(4,6,4,.16) 70%,rgba(4,6,4,.38)),linear-gradient(0deg,rgba(4,6,4,.82),transparent 58%)}
.dandy-hero .case-title{max-width:960px}
.dandy-hero .case-title h1{max-width:940px;font-size:clamp(64px,8.5vw,142px)}
.dandy-hero .case-title>p:not(.case-kicker){max-width:720px}
.dandy-hero-bridge{position:absolute;z-index:2;right:clamp(20px,4vw,64px);bottom:clamp(26px,4vw,58px);display:grid;grid-template-columns:auto auto auto;gap:9px 13px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.2);background:rgba(5,8,6,.7);backdrop-filter:blur(12px)}
.dandy-hero-bridge span,.dandy-hero-bridge strong{font-size:9px;letter-spacing:.13em}.dandy-hero-bridge span{color:var(--sage)}.dandy-hero-bridge strong{font-weight:600}.dandy-hero-bridge i{color:#9da19a;font-style:normal}.dandy-hero-bridge small{grid-column:1/-1;color:#777d76;font-size:6.5px;letter-spacing:.15em}
.dandy-primer{padding-bottom:130px}
.dandy-primer>.quick-note{margin-top:44px;color:#666861}
.dandy-section-head,.dandy-film-head,.dandy-story-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}
.dandy-section-head>p,.dandy-film-head>p,.dandy-story-head>p{max-width:500px;margin:0;color:#6c6e67;font-size:13px;line-height:1.8}
.dandy-function-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:78px;border-top:1px solid rgba(20,20,16,.24);border-bottom:1px solid rgba(20,20,16,.24)}
.dandy-function-grid article{display:grid;min-height:255px;padding:22px 20px}.dandy-function-grid article+article{border-left:1px solid rgba(20,20,16,.2)}
.dandy-function-grid span{color:#8a8c85;font-size:8px}.dandy-function-grid b{align-self:end;color:#262721;font-size:10px;letter-spacing:.12em}.dandy-function-grid p{margin:13px 0 0;color:#72746d;font-size:11px;line-height:1.7}
.dandy-local-bridge{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(34px,6vw,100px);align-items:center;margin-top:120px;padding-top:60px;border-top:1px solid rgba(20,20,16,.2)}
.dandy-local-bridge figure{position:relative;margin:0;overflow:hidden;background:#171916}.dandy-local-bridge figure img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.72) contrast(1.08)}
.dandy-local-bridge figcaption{position:absolute;left:14px;bottom:14px;padding:9px 11px;background:rgba(8,10,8,.84);color:#f1eee8;font-size:7px;letter-spacing:.13em;backdrop-filter:blur(7px)}
.dandy-local-bridge h3{max-width:600px;margin:0 0 28px;font-size:clamp(42px,5vw,78px);font-weight:300;line-height:.92;letter-spacing:-.06em}
.dandy-local-bridge>div>p:not(.section-label){max-width:590px;margin:0;color:#666861;font-size:13px;line-height:1.8}
.dandy-local-bridge dl{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 0;border-top:1px solid rgba(20,20,16,.2)}
.dandy-local-bridge dl>div{padding:17px 12px 0 0}.dandy-local-bridge dl>div+div{padding-left:14px;border-left:1px solid rgba(20,20,16,.2)}
.dandy-local-bridge dt{color:#83867f;font-size:7px;letter-spacing:.14em}.dandy-local-bridge dd{margin:12px 0 0;font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:-.03em}
.dandy-film{padding:140px clamp(20px,6.5vw,108px);background:#0d0f0d;color:var(--ink)}
.dandy-film-head>div>p,.dandy-story-head>div>p{margin:0 0 26px;color:var(--signal);font-size:8px;letter-spacing:.17em}
.dandy-film-head h2,.dandy-story-head h2{max-width:980px;margin:0;font-size:clamp(52px,7vw,108px);font-weight:300;line-height:.9;letter-spacing:-.065em}
.dandy-film-head>p{color:#969a92}.dandy-film .media-embed{margin-top:74px;border:1px solid rgba(255,255,255,.12)}
.dandy-craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2px;background:var(--line)}
.dandy-craft-grid article{display:grid;min-height:250px;padding:26px;background:#111410}.dandy-craft-grid b{color:var(--sage);font-size:8px;letter-spacing:.16em}.dandy-craft-grid h3{align-self:end;margin:60px 0 16px;font-size:clamp(24px,2.7vw,42px);font-weight:300;letter-spacing:-.045em}.dandy-craft-grid p{margin:0;color:#92968f;font-size:11px;line-height:1.75}
.dandy-story{padding:140px clamp(20px,6.5vw,108px);background:#e9e6df;color:#161712}
.dandy-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:74px;background:rgba(20,20,16,.14)}
.dandy-story-card{position:relative;min-width:0;border:0;padding:0;background:#f1eee7;color:#161712;text-align:left;cursor:zoom-in}
.dandy-story-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#141714}.dandy-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease}
.dandy-story-card.is-graphic .dandy-story-media{background:#e7e8e6}.dandy-story-card.is-graphic .dandy-story-media img{object-fit:contain;padding:18px;background:#e7e8e6}
.dandy-story-card:hover .dandy-story-media img,.dandy-story-card:focus-visible .dandy-story-media img{transform:scale(1.025);filter:contrast(1.04)}.dandy-story-card:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.dandy-story-copy{display:grid;min-height:210px;padding:22px}.dandy-story-copy small{color:var(--signal);font-size:7px;letter-spacing:.14em}.dandy-story-copy strong{align-self:end;margin-top:42px;font-size:clamp(23px,2.4vw,38px);font-weight:300;line-height:1;letter-spacing:-.045em}.dandy-story-copy em{margin-top:15px;color:#6a6d65;font-size:10px;font-style:normal;line-height:1.7}
.dandy-evidence{background:#090a09}.dandy-evidence .evidence-grid b{color:var(--sage)}
@media(max-width:980px){
  .dandy-function-grid{grid-template-columns:repeat(2,1fr)}.dandy-function-grid article{min-height:210px;border-bottom:1px solid rgba(20,20,16,.2)}.dandy-function-grid article:nth-child(odd){border-left:0}.dandy-function-grid article:last-child{grid-column:1/-1}.dandy-local-bridge{grid-template-columns:1fr}.dandy-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .case-hero.dandy-hero{min-height:860px;padding-bottom:150px}.case-hero.dandy-hero>img{object-position:61% center;filter:saturate(.72) contrast(1.08) brightness(.58)}.dandy-hero .case-title h1{font-size:clamp(58px,17vw,82px)}.dandy-hero-bridge{left:20px;right:auto;bottom:34px}
  .dandy-primer,.dandy-film,.dandy-story{padding:100px 20px}.dandy-section-head,.dandy-film-head,.dandy-story-head{grid-template-columns:1fr;gap:28px}.dandy-function-grid{grid-template-columns:1fr;margin-top:52px}.dandy-function-grid article,.dandy-function-grid article:last-child{grid-column:1;min-height:175px;border-left:0}.dandy-local-bridge{margin-top:78px;padding-top:42px}.dandy-local-bridge dl{grid-template-columns:1fr}.dandy-local-bridge dl>div+div{margin-top:12px;padding-left:0;border-left:0}.dandy-craft-grid,.dandy-story-grid{grid-template-columns:1fr}.dandy-craft-grid article{min-height:220px}.dandy-story-copy{min-height:185px}.dandy-story-card.is-graphic .dandy-story-media img{padding:10px}
}

/* AI film cases · shared client-facing structure */
.film-case{--film-paper:#e9e6df;--film-card:#f1eee7}
.film-hero .case-title{max-width:980px}.film-hero .case-title h1{max-width:980px;font-size:clamp(64px,8.5vw,142px)}
.project-status{display:grid;grid-template-columns:.48fr 1.52fr;gap:5vw;border-bottom:1px solid var(--line);padding:24px clamp(20px,6.5vw,108px);background:#121411}
.project-status b{color:var(--signal);font-size:8px;letter-spacing:.16em}.project-status p{max-width:820px;margin:0;color:#a8aaa3;font-size:10px;line-height:1.7}
.film-primer{padding-bottom:130px}.film-section-head,.film-work-head,.film-story-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}
.film-section-head>p,.film-work-head>p,.film-story-head>p{max-width:500px;margin:0;color:#6c6e67;font-size:13px;line-height:1.8}
.film-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:78px;background:rgba(20,20,16,.18)}
.film-value-grid article{display:grid;min-height:320px;padding:24px;background:var(--film-paper)}.film-value-grid span{color:#888a83;font-size:8px}.film-value-grid b{margin-top:46px;color:#4f514b;font-size:8px;letter-spacing:.15em}
.film-value-grid h3{align-self:end;margin:64px 0 18px;font-size:clamp(25px,2.8vw,43px);font-weight:300;line-height:1;letter-spacing:-.045em}.film-value-grid p{margin:0;color:#6b6d66;font-size:11px;line-height:1.75}
.film-thesis{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(34px,6vw,100px);align-items:center;margin-top:120px;padding-top:60px;border-top:1px solid rgba(20,20,16,.2)}
.film-thesis figure{position:relative;margin:0;overflow:hidden;background:#171916}.film-thesis figure img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.78) contrast(1.06)}
.film-thesis figcaption{position:absolute;left:14px;bottom:14px;padding:9px 11px;background:rgba(8,10,8,.84);color:#f1eee8;font-size:7px;letter-spacing:.13em;backdrop-filter:blur(7px)}
.film-thesis h3{max-width:640px;margin:0 0 28px;font-size:clamp(42px,5vw,78px);font-weight:300;line-height:.92;letter-spacing:-.06em}.film-thesis>div>p:not(.section-label){max-width:610px;margin:0;color:#666861;font-size:13px;line-height:1.8}
.film-thesis dl{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 0;border-top:1px solid rgba(20,20,16,.2)}.film-thesis dl>div{padding:17px 12px 0 0}.film-thesis dl>div+div{padding-left:14px;border-left:1px solid rgba(20,20,16,.2)}
.film-thesis dt{color:#83867f;font-size:7px;letter-spacing:.14em}.film-thesis dd{margin:12px 0 0;font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:-.03em}
.film-work{padding:140px clamp(20px,6.5vw,108px);background:#0d0f0d;color:var(--ink)}.film-work-head>div>p,.film-story-head>div>p{margin:0 0 26px;color:var(--signal);font-size:8px;letter-spacing:.17em}
.film-work-head h2,.film-story-head h2{max-width:1000px;margin:0;font-size:clamp(52px,7vw,108px);font-weight:300;line-height:.9;letter-spacing:-.065em}.film-work-head>p{color:#969a92}.film-work .media-embed{margin-top:74px;border:1px solid rgba(255,255,255,.12)}
.film-craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2px;background:var(--line)}.film-craft-grid article{display:grid;min-height:260px;padding:26px;background:#111410}
.film-craft-grid b{color:var(--signal);font-size:8px;letter-spacing:.16em}.film-craft-grid h3{align-self:end;margin:60px 0 16px;font-size:clamp(24px,2.7vw,42px);font-weight:300;line-height:1;letter-spacing:-.045em}.film-craft-grid p{margin:0;color:#92968f;font-size:11px;line-height:1.75}
.film-story{padding:140px clamp(20px,6.5vw,108px);background:var(--film-paper);color:#161712}.film-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:74px;background:rgba(20,20,16,.14)}
.film-story-card{min-width:0;border:0;padding:0;background:var(--film-card);color:#161712;text-align:left;cursor:zoom-in}.film-story-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#141714}.film-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease}
.film-story-card:hover .film-story-media img,.film-story-card:focus-visible .film-story-media img{transform:scale(1.025);filter:contrast(1.04)}.film-story-card:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.film-story-copy{display:grid;min-height:220px;padding:22px}.film-story-copy small{color:#bd4b22;font-size:7px;letter-spacing:.14em}.film-story-copy strong{align-self:end;margin-top:42px;font-size:clamp(23px,2.4vw,38px);font-weight:300;line-height:1;letter-spacing:-.045em}.film-story-copy em{margin-top:15px;color:#6a6d65;font-size:10px;font-style:normal;line-height:1.7}
.film-evidence{background:#090a09}.film-evidence .evidence-grid b{color:var(--signal)}
.nike-case .case-action.primary{color:#0a0b0a}
@media(max-width:980px){.film-value-grid,.film-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-value-grid article:last-child{grid-column:1/-1}.film-thesis{grid-template-columns:1fr}}
@media(max-width:760px){
  .film-hero{min-height:860px;padding-bottom:150px}.film-hero .case-title h1{font-size:clamp(58px,17vw,82px)}.project-status{grid-template-columns:1fr;gap:12px}
  .film-primer,.film-work,.film-story{padding:100px 20px}.film-section-head,.film-work-head,.film-story-head{grid-template-columns:1fr;gap:28px}.film-value-grid,.film-craft-grid,.film-story-grid{grid-template-columns:1fr;margin-top:52px}.film-value-grid article,.film-value-grid article:last-child{grid-column:1;min-height:250px}.film-thesis{margin-top:78px;padding-top:42px}.film-thesis dl{grid-template-columns:1fr}.film-thesis dl>div+div{margin-top:12px;padding-left:0;border-left:0}.film-craft-grid article{min-height:220px}.film-story-copy{min-height:190px}
}