:root{--cream:#f8f6f1;--ink:#0b0b0c;--muted:#74716a;--line:#d7d1c4;--accent:#d4b77c;--gold:#d4b77c}body{background:#101010}::selection{background:#d4b77c;color:#111}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#bb9a5e}.site-header{border-color:#d4b77c35}.wordmark{color:#faf8f2}.nav-cta{border-color:#cbb17b99}.nav-cta:hover{background:#d4b77c;color:#101010;opacity:1}.hero-copy h1 em{color:#e1c88e}.hero-copy .eyebrow{color:#e4d3ad}.small-line{background:#d4b77c}.hero-image,.hero-video{filter:saturate(.88)}.hero-shade{background:linear-gradient(90deg,#00000070,transparent 90%),linear-gradient(0deg,#0000007a,transparent 38%,transparent 75%,#00000045)}.round-link span{border-color:#d4b77caa;color:#ead4a1}.hero-bottom{color:#f3eee3}.reading-progress{background:#d4b77c}.floating-motion{background:#121212e8;color:#e3cd9d;border-color:#8f79504d;box-shadow:0 5px 25px #0004}.work{--ink:#f5f1e8;--muted:#b6b0a4;--line:#3c372d;background:#101010;color:var(--ink)}.work .eyebrow{color:#cdb481}.studio-intro h2 em{color:#d0b888}.intro-foot small{color:#a9a397}.section-heading h2 em{color:#d0b888}.industry-tabs button{color:#a8a297}.industry-tabs button[aria-selected=true]{color:#ead6ae}.industry-tabs button[aria-selected=true]:after{background:#c7aa70}.project-visual{background:#24221e}.project-label{background:#080808d4;color:#e5d3ac;border:1px solid #c5a8775c}.project-open{border-color:#d9c28d;background:#05050542;color:#e8d4a6}.service-tag{border-color:#544a38;color:#ded1b7}.services-strip .text-link{color:#d9bd84}.process-line>div{border-color:#514631}.process-line span{color:#bfa679}.process-line p:not(.eyebrow){color:#e2ddd3}.spatial-story{background:#101010}.spatial-heading,.spatial-heading .eyebrow{color:#c7b38c}.scene-wrap:after{background:linear-gradient(90deg,#101010f5 0%,#101010a3 25%,transparent 54%)}.spatial-copy{color:#faf7ef}.spatial-copy h2 em{color:#d4b77c}.spatial-copy>p{color:#bbb4a7}.scene-controls button{color:#afa594;border-color:#77634750}.scene-controls button[aria-pressed=true]{color:#ebd19b;border-color:#d4b77c}.scene-instruction,.study-credit{color:#baaa8c}.kinetic-line{background:#070707;border-color:#3b3223}.kinetic-line>div{color:#534934}.kinetic-line em{color:#cbb17b}.contact{background:#070707;color:#faf7ef;border-top:1px solid #a0875738}.contact-copy h2 em{color:#ddc28a}.contact-copy>.eyebrow{color:#cfb782}.contact-copy>p:not(.eyebrow){color:#bcb6ab}.contact-person>div>span{color:#c4ad80}.monogram{color:#e0c995;border-color:#9c8254}.email-link{color:#e0ccaa;border-color:#8c7550}.brief-card{background:#faf8f2;color:#111;border:1px solid #ba9d6840}.step-progress i{background:#e0d9cc}.step-progress i.active{background:#9c7a3d}.brief-card .eyebrow{color:#806637}.form-caption,.privacy-note{color:#756e62}.form-industries label:has(input:checked),.brief-services label:has(input:checked){background:#eee6d5;border-color:#b49a65}.form-industries input,.brief-services input{accent-color:#8e703e}.form-industries b{color:#91713c}.form-industries small{color:#756e62}.field-label span{color:#827765}input::placeholder,textarea::placeholder{color:#8c8579}.brief-summary,#result-text{background:#eee8dc}.solid-button{background:#101010;color:#f4e9d1}.solid-button:hover{background:#3d3220}.result-check{background:#e6d9bd;color:#584625}footer{background:#050505;color:#c4b99f;border-color:#423822}.footer-button{color:#dbc491}dialog{background:#faf8f2;color:#111}dialog::backdrop{background:#050505d9}.dialog-close{background:#faf8f2;color:#111}.dialog-copy .eyebrow{color:#92703d}.dialog-copy>p:not(.eyebrow){color:#716b60}.spatial-story{height:280vh}.motion-paused .spatial-story{height:auto}
@media(max-width:700px){.spatial-story{height:210svh}.scene-wrap:after{background:linear-gradient(0deg,#101010 4%,#101010da 25%,transparent 55%)}.motion-paused .spatial-story{height:auto}}
@media(prefers-reduced-motion:reduce){.spatial-story{height:auto}}

.hero-image{background-image:url(/assets/hero-4k.webp)}

/* Readable editorial details, preserving the established display typography. */
nav,.nav-cta,.round-link,.text-link,.industry-tabs button,.scene-controls button{font-size:14px;font-weight:600}
.eyebrow,.hero-copy .eyebrow,.services-strip>.eyebrow,.process-line>.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em}
.hero-topline,.hero-bottom,.frame-label,.motion-toggle,.intro-foot>span,.intro-foot small,.project-label,.project-meta p,.project-meta>span,.service-tag,.process-line span,.contact-person>div>span,.scene-instruction,.study-credit,.floating-motion,footer>span,.footer-button{font-size:12px;font-weight:600}
.hero-description,.intro-foot p,.section-heading>p,.industry-intro p,.process-line p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.dialog-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
.email-link,.contact-person{font-size:14px;font-weight:600}.project-meta h4{font-weight:500}
.brief-card h3{font-weight:600;font-size:clamp(28px,2.5vw,42px)}
.brief-top>span:last-child,.field-label span,.form-industries small,.privacy-note{font-size:12px;font-weight:600}
.form-caption,.field-label,.brief-services label,.brief-summary,#result-text,.solid-button,.back-button,.result-tools .text-link,.form-error{font-size:14px;font-weight:600}
.form-industries span,input[type=text],input[type=email],select,textarea{font-size:16px;font-weight:600}
input::placeholder,textarea::placeholder{font-size:14px;font-weight:400}.brief-summary strong{font-weight:700}
.contact-scroll{--contact-p:0;position:relative;background:#070707;overflow-anchor:none}
.contact-scroll.is-animated .contact{position:sticky;top:var(--contact-top,0px);min-height:100svh;padding:calc(90px * (1 - var(--contact-p))) calc(8.3% * (1 - var(--contact-p)));grid-template-columns:minmax(0,calc(50% * (1 - var(--contact-p)))) minmax(0,1fr);gap:calc(80px * (1 - var(--contact-p)));align-items:center}
.contact-scroll.is-animated .contact-copy{opacity:calc(1 - var(--contact-p) * 1.8);overflow:hidden;min-width:0;pointer-events:var(--copy-events,auto)}
.contact-scroll.is-animated .contact-copy>*{min-width:340px}
.contact-scroll.is-animated .brief-card{min-height:calc(100svh * var(--contact-p));padding:clamp(24px,3vw,48px);border-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.contact-scroll.is-animated .brief-card>*{width:100%;max-width:760px;margin-left:auto;margin-right:auto}
.contact-scroll.is-animated .brief-card h3{font-size:clamp(28px,calc(2.5vw + var(--contact-p) * 1vw),54px)}
@media(max-width:1000px){.contact-scroll.is-animated .contact{gap:calc(30px * (1 - var(--contact-p)))}.contact-scroll.is-animated .contact-copy>*{min-width:280px}}
@media(max-width:700px){.hero-topline{font-size:12px;letter-spacing:.02em}.hero-topline span:last-child{max-width:115px}.hero-copy .eyebrow{font-size:12px;letter-spacing:.07em}.hero-description{font-size:15px}.intro-foot{flex-direction:column;gap:18px}.intro-foot>span{max-width:none}.industry-tabs button{font-size:12px}.industry-tabs button span{font-size:10px}.study-credit{font-size:10px}.scene-instruction{font-size:11px}.spatial-copy>p{font-size:14px}.form-industries small{font-size:12px}.brief-services{grid-template-columns:1fr}.contact-scroll.is-animated .contact{display:block;padding:calc(55px * (1 - var(--contact-p))) calc(6% * (1 - var(--contact-p)))}.contact-scroll.is-animated .contact-copy{max-height:calc(620px * (1 - var(--contact-p)));margin-bottom:calc(40px * (1 - var(--contact-p)))}.contact-scroll.is-animated .contact-copy>*{min-width:0}.contact-scroll.is-animated .brief-card{padding:26px 22px}.services-strip>.eyebrow{max-width:none}}

.spatial-story,.kinetic-line{margin-left:-8.3vw;margin-right:-8.3vw}.spatial-heading .eyebrow{font-size:12px;font-weight:700}.spatial-copy>p{font-size:15px}
@media(max-width:1000px){.spatial-story,.kinetic-line{margin-left:-6vw;margin-right:-6vw}}
@media(max-width:700px){.spatial-heading .eyebrow{font-size:11px}.spatial-copy>p{font-size:14px}}
@media(min-width:1600px){.spatial-story,.kinetic-line{margin-left:calc(-1 * max(8.3vw,(100vw - 1380px)/2));margin-right:calc(-1 * max(8.3vw,(100vw - 1380px)/2))}}