:root{--paper:#0b0b0d;--ink:#f3efe8;--muted:#a7a7a5;--line:#2b2c2e;--acid:#ff5a43;--pad:clamp(24px,5vw,88px)}
.immersive-home{--paper:#0b0b0d;--ink:#f3efe8}
body{background:var(--paper);color:var(--ink)}em{font-family:inherit;font-style:normal;letter-spacing:inherit;color:#a7aaa9}h1,h2,h3{letter-spacing:-.055em}h1,h2{text-wrap:balance}.header{color:#f3efe8;border-bottom:1px solid #ffffff1a}.wordmark{font-size:45px;font-weight:800;letter-spacing:-.085em;text-transform:uppercase}.wordmark>span{gap:0;justify-content:end;align-self:end;margin-bottom:2px}.wordmark small{font-size:12px;letter-spacing:.22em}.nav-cta{border-color:#ffffff40}.nav-cta:hover{background:#f3efe8;color:#0b0b0d}.eyebrow{color:#aaaeb0}.pill{border-color:#626565;color:var(--ink)}.pill:hover{background:var(--ink);color:var(--paper)}.text-link span,.service-arrow,.project-index a>span:last-child{color:var(--acid)}.split-copy p,.service-details p,.notes p,.contact-grid aside>p:not(.eyebrow),.page-intro .intro-copy{color:#a8abaa}.project-image{background:#181a1c}.round-arrow{background:#ff5a43;color:#0b0b0d}.image-label{background:#0b0b0dbf}.project-caption>span,.project-line{color:#a7aaa9}.provenance-note{color:#a7aaa9}.disciplines,.immersive-home .disciplines{background:#101113;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.disciplines .section-aside,.service-list p{color:#a7aaa9}.service-list a:hover,.immersive-home .service-list a:hover h3{color:#f3efe8}.service-list a:hover .service-arrow{transform:rotate(45deg)}.service-arrow{transition:transform .2s}.lab,.immersive-home .lab{background:#0b0b0d;border-bottom:1px solid var(--line)}.lab-text .tag{border-color:#6e4540;color:#ff8b7a}.studio-teaser,.immersive-home .studio-teaser{background:#0d0e10}.footer{background:#08090a;border-top:1px solid var(--line)}.footer-top .eyebrow,.footer-bottom{color:#989b9c}.footer-title em{color:#f3efe8}.footer-title>span{color:var(--acid)}.footer-logo{text-transform:uppercase;font-weight:bold}.filters button[aria-pressed=true]{background:#f3efe8;color:#0b0b0d}.demos{background:#121416}.process{background:#17191b}.steps article{border-color:#3b3e40}.steps p{color:#a7aaa9}.steps span{color:var(--acid)}.people{background:#141619}.person-initials{color:#64686b;border-color:#3b3e40}.principles p{color:#a7aaa9}.case-cover{background:#1a1d20}.case-films{background:#121416}.deliverables li{color:#bec2c2}.next-case{background:#181b1e;border-top:1px solid #33373a}.next-case>span:last-child{color:var(--acid)}.local-notice{background:#16191c;border-color:#343c41}.local-notice strong{color:#d8dddd}input,select,textarea{border-color:#545b5e;color:#f3efe8}select option{color:#f3efe8;background:#171a1c}.contact-grid form .pill{background:#ff5a43;color:#101113;border-color:#ff5a43}#form-status{color:#c3d9cb}.media-error{color:#c8cbcd;background:#171a1c}.scene-exit{background:#0b0b0d;color:#b3b6b6;border-color:#303336;font-size:clamp(18px,3vw,46px);letter-spacing:-.035em}.scene-exit>span:nth-child(2){color:#ff5a43}.scene-space,.webgl-scene{background:#101418}.experience-active .scene-space{background:radial-gradient(ellipse at 55% 65%,#303b41,#101418 65%)}.experience-active .scene-copy em{color:#f3efe8}.experience-active .scene-copy h1{text-transform:uppercase;font-weight:500;letter-spacing:-.065em;font-size:clamp(65px,6.2vw,112px);max-width:850px}.experience-active .scene-copy h2{letter-spacing:-.06em}.experience-active .intro-scene{bottom:20%;max-width:58vw}.experience-active .intro-scene .eyebrow{margin-bottom:28px}.experience-active .intro-scene .scene-lead{font-size:13px;line-height:1.7;max-width:320px}.experience-active .cinema-vignette{background:linear-gradient(90deg,#060a0eba,transparent 62%),linear-gradient(0deg,#090c0fc9,transparent 38%,transparent 80%,#0b0b0d66)}.scene-rail button[aria-current=step]{border-color:#ff5a43;color:#ff8e7d}.experience-active .scene-copy>a span{color:#ff5a43}.brand-installation{background:#0f1317}.brand-installation:after{background:linear-gradient(90deg,#0f1317 15%,#0f1317b0 35%,transparent 65%)}.brand-installation-copy em{color:#f3efe8}.brand-installation-copy p:not(.eyebrow){color:#b7c0c5}.scene-project{box-shadow:0 40px 95px #000a}.scene-project>span{background:#111619;color:#e0e4e4}.scene-project b{color:#ff5a43}.scene-digital>span{background:#111619!important;color:#e0e4e4}.browser-line{background:#222a2e;color:#c9d0d0}.browser-line i{background:#778487}.scene-project .browser-line{border:1px solid #69747c33}.frame-caption{background:#101619b3}.case-title h1>span:empty{display:none}.page-intro:after{background:#ff5a43;width:45px}.brand-installation-copy .eyebrow{color:#abb4b9}.lab-layout .film video{aspect-ratio:16/9}.film figcaption{color:#9ba1a4}.intro-scene h1 .outline-word{-webkit-text-stroke:1px #e9eee9;color:transparent}.experience-active .work-scene{max-width:42vw;top:37%}.experience-active .work-scene h2{font-size:clamp(48px,5vw,86px)}.experience-active .final-scene{top:35%;text-align:left;left:var(--pad);max-width:60vw}.experience-active .final-scene h2{font-size:clamp(58px,6vw,104px)}.experience-active .final-scene>p:not(.eyebrow){margin-left:0}.project-card:nth-child(even){padding-top:95px}.section-heading>div>h2{max-width:820px}.section-heading .eyebrow{font-size:12px}.immersive-home .work-section{position:relative;background:#0b0b0d}.immersive-home .work-section:before{content:'SELECTED / 2026';position:absolute;right:var(--pad);top:40px;letter-spacing:.15em;font-size:12px;color:#737b7e}.project-index a:hover{background:#ffffff04}.header nav>a[aria-current]{border-color:#ff5a43}.scene-copy>a:focus-visible,.scene-copy>button:focus-visible{outline-color:#ff5a43}.experience-active .scene-project>img{filter:saturate(.85)}
@media(max-width:800px){.experience-active .intro-scene{max-width:90vw;bottom:22%}.experience-active .scene-copy h1{font-size:clamp(53px,9.5vw,80px);max-width:82vw}.experience-active .work-scene{top:24%;max-width:82vw}.experience-active .work-scene h2{font-size:43px}.experience-active .final-scene{left:var(--pad);right:var(--pad);top:34%;max-width:none}.experience-active .final-scene h2{font-size:48px}.brand-installation:after{background:linear-gradient(180deg,#0f1317 0%,#0f1317f0 30%,transparent 64%)}.project-card:nth-child(even){padding-top:0}.experience-active .intro-scene .scene-lead{font-size:12px}.header nav{background:#111416;color:#f3efe8;border-color:#36393c}.header .nav-cta{border-color:#62676a}.wordmark{font-size:40px}.scene-exit{font-size:17px}.brand-installation{min-height:750px}}
@media(min-width:801px){.experience-active .scene-fashion{width:23vw}.experience-active .scene-fashion>img{height:48vh}.experience-active .scene-film{width:26vw}.experience-active .scene-film>img{height:48vh}.experience-active .work-scene{max-width:35vw}.experience-active .work-scene h2{font-size:clamp(48px,4.7vw,80px)}.experience-active .final-scene{max-width:50vw}}
.detail-study{display:grid;grid-template-columns:minmax(240px,400px) 1fr;gap:10vw;align-items:center}.detail-study>div{max-width:470px}.detail-study h3{font-size:35px;margin-bottom:30px}.detail-study p{margin:25px 0;color:#a7aaa9}.detail-study .fine{font-size:12px}.scene-rail{background:#09101555;border-radius:30px;padding:10px 3px}.scene-rail button{min-height:32px}
@media(max-width:650px){.detail-study{grid-template-columns:1fr}.detail-study .vertical{max-width:320px;margin:auto}.scene-rail button{min-height:36px}.experience-active .scene-rail{gap:2px}}
.lab-layout>*{min-width:0}.lab-text h3{overflow-wrap:normal}.scene-copy{overflow-wrap:break-word}
@media(max-width:650px){.lab-layout{grid-template-columns:minmax(0,1fr)}.lab-text h3 br{display:block}.lab-text h3{font-size:46px;line-height:1.03}.experience-active .work-scene h2{font-size:42px}.experience-active .scene-copy>p:not(.eyebrow){max-width:calc(100vw - 65px)}.experience-active .final-scene h2{font-size:46px}}
/* Editorial playback remains quiet, controllable and independent of scroll seeking. */
.film-player{position:relative;min-width:0}
.film-player video{display:block;width:100%}
.film-toggle{position:absolute;right:14px;bottom:14px;z-index:2;min-height:44px;padding:10px 15px;background:rgba(10,12,13,.85);color:#f3efe8;border:1px solid #777;border-radius:2px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer;backdrop-filter:blur(8px)}
.film-toggle:hover{background:#171b1f}
.film-toggle:focus-visible{outline:2px solid #ff5a43;outline-offset:4px}
.film-toggle[hidden]{display:none}