/* Shared owner-approved control language: no decorative borders or shadows. */
.site-header .glass-nav{--nav-ink:#1c1f25!important;--nav-film:linear-gradient(125deg,#f5f5f570,#e2e2e22b 55%,#f8f8f84d)}
[data-theme=dark] .site-header .glass-nav{--nav-ink:#f3f6fc!important;--nav-film:linear-gradient(125deg,#1e1e1e9c,#2727275c 55%,#1e1e1e8c)}
body:is([data-page=home],[data-page=about]) .site-header .glass-nav:not([data-surface]){--nav-ink:#f3f6fc!important;--nav-film:linear-gradient(125deg,#1e1e1e9c,#2727275c 55%,#1e1e1e8c)}
[data-theme=dark] body:is([data-page=home],[data-page=about]) .site-header .glass-nav:not([data-surface]){--nav-ink:#1c1f25!important;--nav-film:linear-gradient(125deg,#f5f5f570,#e2e2e22b 55%,#f8f8f84d)}
.site-header .glass-nav .nav-links a,.site-header .glass-nav .menu-toggle{color:var(--nav-ink)!important}
.site-header .glass-nav::before{background:var(--nav-film)!important}
.site-header .glass-nav:not([data-surface]) .brand img{filter:brightness(0)!important}
[data-theme=dark] .site-header .glass-nav:not([data-surface]) .brand img,body:is([data-page=home],[data-page=about]) .site-header .glass-nav:not([data-surface]) .brand img{filter:brightness(0) invert(1)!important}
[data-theme=dark] body:is([data-page=home],[data-page=about]) .site-header .glass-nav:not([data-surface]) .brand img{filter:brightness(0)!important}
.site-header .glass-nav,.site-header .glass-nav.has-backdrop-optics{background:transparent!important;border:0!important;}
.site-header .glass-nav .nav-liquid-backdrop{backdrop-filter:blur(8px) saturate(1.18);-webkit-backdrop-filter:blur(8px) saturate(1.18)}
/* The sampled surface owns ink, including above the inverse-palette hero. */
.site-header .glass-nav[data-surface=light]{--nav-ink:#1c1f25!important;--nav-muted:#41444a;color:#1c1f25!important}
.site-header .glass-nav[data-surface=dark]{--nav-ink:#f3f6fc!important;--nav-muted:#d9dce2;color:#f3f6fc!important}
.site-header .glass-nav[data-surface=light]::before{background:linear-gradient(125deg,#f5f5f570,#e2e2e22b 55%,#f8f8f84d)!important}
.site-header .glass-nav[data-surface=dark]::before{background:linear-gradient(125deg,#1e1e1e9c,#2727275c 55%,#1e1e1e8c)!important}
.site-header .glass-nav[data-surface] .nav-links a,.site-header .glass-nav[data-surface] .menu-toggle{color:var(--nav-ink)!important}
.site-header .glass-nav[data-surface=light] .brand img{filter:brightness(0)!important}
.site-header .glass-nav[data-surface=dark] .brand img{filter:brightness(0) invert(1)!important}
/* Clean frames from the current procedural scenes. No palette filters on media. */
.scene-fallback,.head-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scene-fallback[data-page-theme=dark],.head-fallback[data-surface=light]{display:none}
[data-theme=dark] .scene-fallback[data-page-theme=light],[data-theme=dark] .head-fallback[data-surface=dark]{display:none}
[data-theme=dark] .scene-fallback[data-page-theme=dark],[data-theme=dark] .head-fallback[data-surface=light]{display:block}
.scene-fallback img,.scene-art .scene-fallback img,.hero-art .scene-fallback img{inset:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none!important;mix-blend-mode:normal!important;opacity:1;transition:opacity 160ms ease-out}
.scene-ready .scene-fallback img,.scene-art.scene-ready .scene-fallback img,.head-ready .head-fallback img{opacity:1}
.scene-fallback,.head-fallback{visibility:visible;transition:none}
.scene-ready .scene-fallback,.head-ready .head-fallback{visibility:hidden;transition:visibility 0s 160ms}
.hero-art canvas,.scene-art canvas,.about-head-art canvas{transition:opacity 160ms ease-out}
.scene-art:not(.scene-ready) .scene-fallback img{filter:none!important;opacity:1;mix-blend-mode:normal}
.head-fallback .head-poster{transition:opacity 160ms ease-out}
.career-row h3:has(.career-logo){flex-wrap:wrap}
.site-header .nav-contact,.site-header .nav-contact:is(:hover,.is-active){position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#ffffffed,#f1f1f1bd 55%,#fafafade)!important;color:#15181e!important;border:0!important;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}
.site-header .nav-contact::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,transparent 26%,#ffffffb8 45%,transparent 65%);transform:translateX(-110%);transition:transform 650ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.site-header .nav-contact:hover::before{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.site-header .nav-contact::before{transition:none;transform:none;background:none}}
.work-tools{border:0!important;background:none;padding-bottom:0;gap:24px}
.filters,.bio-tabs{border:0!important;border-radius:20px!important;padding:6px!important;gap:4px!important;background:linear-gradient(120deg,#f3f3f357,#bcbcbc29)!important;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}
.filters button,.bio-tabs button{min-height:48px;border:0;border-radius:15px!important;padding:13px 21px!important;font-size:15px;color:var(--muted);transition:background 180ms ease-out,color 180ms ease-out}
.filters button[aria-pressed=true],.bio-tabs button[aria-pressed=true]{background:linear-gradient(130deg,#fafafaf0,#dcdcdcc4)!important;color:#1d2026!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
[data-theme=dark] :is(.filters,.bio-tabs){background:linear-gradient(120deg,#b2b2b212,#9c9c9c20)!important}
[data-theme=dark] :is(.filters,.bio-tabs) button[aria-pressed=true]{background:linear-gradient(130deg,#e3e6ec,#c2c5cb)!important;color:#1b1e24!important}
:is(.filters,.bio-tabs) button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
:is(.filters,.bio-tabs) .roll-label>span:nth-child(2){display:none}
:is(.filters,.bio-tabs) .roll-label>span{transform:none!important}
/* Large moving light fields; depth is made by colour, never cast shadows. */
body::before{inset:-15%;background:radial-gradient(ellipse at 18% 28%,#9c9c9c2e,transparent 41%),radial-gradient(ellipse at 85% 72%,#9b9b9b2b,transparent 43%);animation:ambient-space 28s ease-in-out infinite alternate;will-change:transform}
[data-theme=dark] body::before{background:radial-gradient(ellipse at 18% 28%,#89898926,transparent 41%),radial-gradient(ellipse at 85% 72%,#9898982b,transparent 43%)}
@keyframes ambient-space{from{transform:translate3d(-2%,-2%,0) rotate(-3deg)}to{transform:translate3d(3%,2%,0) rotate(3deg)}}
body[data-page=about] .about-head-hero .about-opening-copy h1{font-size:clamp(76px,10.4vw,154px);letter-spacing:-.07em;line-height:.92}
body[data-page=about] .about-head-hero .about-opening-copy p{max-width:25em}
.recognition-grid{gap:2vw;margin-bottom:48px}
.recognition-item{min-width:0;min-height:165px;aspect-ratio:1.7}
.recognition-item>div{width:64%;min-width:0}
.recognition-item h4{font-size:clamp(21px,2vw,29px);margin:12px 0 10px;overflow-wrap:normal}
.recognition-item span:not(.recognition-laurel){font-size:12px}
.recognition-item p{font-size:11px;line-height:1.4}
.recognition-laurel{display:block;width:100%;height:100%;max-width:330px;background:currentColor;mask:url('../images/fourmeta/laurel.svg') center/contain no-repeat;-webkit-mask:url('../images/fourmeta/laurel.svg') center/contain no-repeat;opacity:.37}
.grant-recognition{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center;padding:25px 0 75px}
.grant-recognition span{color:var(--muted);font-size:15px}.grant-recognition h3{font-size:clamp(34px,4.1vw,58px);line-height:1.05;letter-spacing:-.04em;margin:22px 0}
.grant-recognition p{font-size:17px;line-height:1.5;color:var(--muted);max-width:28em;margin:0 0 24px}
.grant-recognition strong{font-weight:400;font-size:clamp(60px,10vw,148px);line-height:1;letter-spacing:-.065em}
.grant-recognition .text-button{font-size:15px;min-width:0;width:max-content;gap:35px}
.career-row{position:relative;border:0!important;min-height:180px;transition:color 180ms ease-out}
.career-row h3{position:relative;display:flex;align-items:center;min-height:60px;gap:20px}.career-logo{display:block;width:145px;max-height:85px;object-fit:contain;opacity:0;transform:translateX(-8px);transition:opacity 180ms ease-out,transform 180ms cubic-bezier(.22,1,.36,1)}
.career-row:hover .career-logo,.career-row:focus .career-logo{opacity:1;transform:none}
.career-row:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
[data-theme=dark] .career-logo{filter:brightness(0) invert(1)}
.agency-publications{overflow:clip}.agency-projects{display:flex;gap:3vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:10px 0 15px;scrollbar-width:none;overscroll-behavior-x:contain}
.agency-projects::-webkit-scrollbar{display:none}.agency-projects>a,.agency-projects>a:nth-child(-n+2){flex:0 0 min(61vw,850px);scroll-snap-align:start;grid-column:auto}
.agency-projects img{height:auto;aspect-ratio:1.52;object-fit:cover;border-radius:16px}.agency-projects h3{font-size:clamp(26px,3vw,42px);margin-top:25px}.agency-projects h3 .ui-arrow{width:26px;height:26px}
.agency-carousel-controls{display:grid;grid-template-columns:1fr 1.5fr 70px;align-items:center;gap:35px;margin-top:25px}.agency-carousel-controls label{font-size:14px;color:var(--muted)}
.agency-range{width:100%;min-height:44px;accent-color:#909399;cursor:ew-resize}.agency-position{font-size:14px;color:var(--muted);text-align:right}
.public-case-intro{display:grid;grid-template-columns:1fr 230px;align-items:end;gap:8vw;padding:25px var(--gutter) 80px}.public-case-intro h2{font-size:clamp(30px,3.4vw,49px);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:23em}.public-case-intro>a{display:flex;gap:18px;align-items:center;min-height:44px;font-size:14px}
.public-case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 var(--gutter) 80px}.public-case-gallery figure{margin:0;grid-column:1/-1;min-width:0}.public-case-gallery figure.is-half{grid-column:span 1}.public-case-gallery img{width:100%;height:auto;display:block;border-radius:8px}
.public-case-chapter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;padding:45px 0 20px}.public-case-chapter h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:1.1;margin:0}.public-case-chapter p{font-size:clamp(18px,1.8vw,25px);line-height:1.5;color:var(--muted);margin:0;max-width:26em}
.battle-stage>.battle-screen{height:var(--battle-frame-height,100%);align-self:center}.battle-screen iframe{position:absolute!important;top:50%!important;left:50%!important;width:var(--battle-media-width,100%)!important;height:var(--battle-media-height,100%)!important;max-width:none!important;transform:translate(-50%,-50%)}
.battle-scroll.is-static .battle-stage>.battle-screen{height:100%;width:100%}
.battle-screen iframe[hidden]{display:none!important}
.battle-screen video{position:absolute;inset:50% auto auto 50%;width:var(--battle-media-width,100%);height:var(--battle-media-height,100%);max-width:none;transform:translate(-50%,-50%);object-fit:cover;border:0;border-radius:0;pointer-events:none}
.battle-screen video[hidden]{display:none!important}
.dialog-toolbar{position:sticky;top:12px;z-index:5;height:0;margin:-28px -28px 28px;pointer-events:none}
.dialog-toolbar .dialog-close{position:absolute;top:0;right:0;pointer-events:auto;background:var(--paper);border-radius:50%}
.contact-portrait{display:block;position:relative;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:50%}
.contact-portrait img{position:absolute;left:-37px;top:-9px;width:96px!important;height:86px!important;max-width:none!important;border-radius:0}
.contact-portrait[data-surface=light]{display:none}
[data-theme=dark] .contact-portrait[data-surface=dark]{display:none}
[data-theme=dark] .contact-portrait[data-surface=light]{display:block}
.career-row .career-logo[src$="studio-logo.svg"]{filter:brightness(0)}
[data-theme=dark] .career-row .career-logo[src$="studio-logo.svg"]{filter:brightness(0) invert(1)}
@media(max-width:1000px){.recognition-item h4{font-size:22px}.recognition-item>div{width:63%}.recognition-item{min-height:140px}.career-logo{width:90px}.career-row h3{gap:12px}}
@media(max-width:700px){
 .work-tools{align-items:start;flex-direction:column;gap:17px}.filters{width:100%}.filters button{padding:11px 13px!important;font-size:12px;flex:1}
 #about>.bio-tabs{width:100%;justify-content:space-between}.bio-tabs button{padding:12px 13px!important;font-size:12px}
 body[data-page=about] .about-head-hero .about-opening-copy h1{font-size:clamp(60px,17.5vw,88px);line-height:.94}
 .recognition-grid{grid-template-columns:1fr;gap:8px}.recognition-item{max-width:360px;width:100%;margin-inline:auto;min-height:175px;aspect-ratio:1.7}.recognition-item h4{font-size:27px}
 .grant-recognition{grid-template-columns:1fr;gap:35px;padding:25px 0 55px}.grant-recognition h3{font-size:39px}.grant-recognition strong{font-size:90px;grid-row:1}.grant-recognition p{font-size:16px}
 .career-row{min-height:0;padding:28px 0}.career-row h3{min-height:40px}.career-logo{opacity:1;transform:none;width:70px}
 .agency-projects{gap:20px}.agency-projects>a,.agency-projects>a:nth-child(-n+2){flex-basis:87vw}.agency-projects h3{font-size:29px;margin-top:20px}.agency-carousel-controls{grid-template-columns:1fr 55px;gap:8px 20px}.agency-carousel-controls label{grid-column:1/-1;font-size:12px}
 .public-case-intro,.public-case-chapter{grid-template-columns:1fr;gap:26px}.public-case-intro{padding-bottom:40px}.public-case-intro h2{font-size:29px}.public-case-gallery{gap:18px;padding-bottom:45px}.public-case-gallery figure.is-half{grid-column:1/-1}.public-case-chapter{padding:28px 0 8px}.public-case-chapter h2{font-size:38px}.public-case-chapter p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body::before{animation:none;will-change:auto}.career-logo{transition:none}.filters button,.bio-tabs button{transition:none}.battle-scroll .battle-screen{height:100%!important}}