.theme-toggle{border:1px solid #ffffff45!important;border-radius:24px;padding:7px 12px!important;font-size:11px!important;line-height:1.2;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;background:transparent;color:inherit}.theme-toggle:before{content:'◐';font-size:14px}.commission .header{position:sticky;top:0;z-index:50;background:#111111ee;backdrop-filter:blur(22px);min-height:106px}.commission .header nav{align-items:center}.commission .header .official-logo{width:60px;height:60px}.cinematic-content .visual>img{transform:translateY(var(--image-drift,0px)) scale(1.12);will-change:transform}.cinematic-page .project .visual>img,.cinematic-page .studio .visual>img{transform:translateY(var(--image-drift,0px)) scale(1.12);will-change:transform}.cinematic-page header{gap:20px}.cinematic-page .theme-toggle{position:absolute;right:4.5vw;top:94px}.theme-light{color-scheme:light;background:#f2f0ea;color:#181b17}.theme-light .header{background:#f2f0eaee;color:#181b17}.theme-light .theme-toggle{border-color:#24282050!important}.theme-light .client-strip{color:#252821}.theme-light .client-strip>span{color:#65695f}.theme-light .cinematic-content{--ink:#f2f0ea;--paper:#181b17;--muted:#676c61;background:#f2f0ea;color:#181b17}.theme-light .cinematic-content .visual:after,.theme-light.cinematic-page .visual:after{background:linear-gradient(90deg,#f2f0eaf5 0%,#f2f0eaaa 30%,#f2f0ea00 72%,#f2f0ea40 100%)}.theme-light .cinematic-content .eyebrow,.theme-light.cinematic-page .eyebrow{color:#545a4e}.theme-light .cinematic-content .project h2 span,.theme-light.cinematic-page .project h2 span{color:#4c5347}.theme-light .cinematic-content .project-copy>p:not(.eyebrow),.theme-light .cinematic-content .service-intro,.theme-light .cinematic-content .concept-note,.theme-light.cinematic-page .project-copy>p:not(.eyebrow),.theme-light.cinematic-page .services p{color:#535b4c}.theme-light .cinematic-content .text-link,.theme-light.cinematic-page .text-link{border-color:#1a211855}.theme-light .cinematic-content .client-dock,.theme-light.cinematic-page .client-dock{background:linear-gradient(140deg,#fffffff0,#e4e7daaa);border-color:#1112;box-shadow:inset 0 1px #fff,0 10px 35px #0001}.theme-light .client-dock a{color:#5f6758}.theme-light .client-dock a[aria-current=true],.theme-light .client-dock a:hover{color:#11180d}.theme-light .client-dock span{color:#69735f}.theme-light footer{color:#63695b;border-color:#242b2225}.theme-light .film-hero{color:#f7f7f3}.theme-light .film-controls button{color:#f7f7f3}.theme-light .cinematic-content .contact,.theme-light.cinematic-page .contact{background:radial-gradient(ellipse at 80% 50%,#cbd1b866,transparent 60%)}.theme-light.cinematic-page{--ink:#f2f0ea;--paper:#181b17;--muted:#63695b}.theme-light.cinematic-page header nav{background:linear-gradient(140deg,#ffffffcf,#e7e9df90);border-color:#252a2126;color:#20271a}.theme-light.cinematic-page #motion,.theme-light.cinematic-page .margin-note,.theme-light.cinematic-page .hero-bottom p{color:#4b5442}.theme-light.cinematic-page .hero-visual:after{background:linear-gradient(90deg,#f2f0eac9,#f2f0ea00 80%),linear-gradient(0deg,#f2f0ea,transparent 65%)}.theme-light.cinematic-page .studio .visual:after{background:linear-gradient(90deg,#f2f0eae6,#f2f0ea66)}
@media(max-width:760px){.commission .header{flex-direction:row;align-items:center;padding:12px 4%;gap:16px;min-height:92px}.commission .header .official-logo{width:48px;height:48px}.commission .header nav{justify-content:flex-end;width:auto;gap:10px 16px;font-size:11px}.commission .header nav .theme-toggle{font-size:10px!important;padding:6px 9px!important}.cinematic-page .theme-toggle{right:16px;top:112px}.theme-light .cinematic-content .project .visual:after,.theme-light .cinematic-content .service-scene .visual:after,.theme-light.cinematic-page .project .visual:after{background:linear-gradient(0deg,#f2f0eaf5 5%,#f2f0eaac 45%,#f2f0ea00 85%)}}
@media(prefers-reduced-motion:reduce){.cinematic-content .visual>img,.cinematic-page .project .visual>img,.cinematic-page .studio .visual>img{transform:none!important;will-change:auto}}
.theme-light .official-logo,.theme-light .brand img{background:#111}
/* Use the original transparent PNG as a black mark on light surfaces. */
.theme-light .official-logo,.theme-light .brand img{background:transparent;filter:brightness(0)}
.client-dock{transition:opacity .4s,transform .4s,box-shadow .3s!important}.client-dock:hover,.client-dock:focus-within{box-shadow:inset 0 1px #ffffff24,0 14px 45px #0005!important}.client-dock a{padding:4px 0}.client-dock a[aria-current=true]{text-decoration:underline;text-underline-offset:5px}
/* Keep the inquiry label on the same baseline; underline does not affect layout. */
body>header nav a.line-link{position:relative;padding-top:0!important;padding-bottom:0!important;border-bottom:0!important;margin-block:0;line-height:inherit}
body>header nav a.line-link::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:currentColor;opacity:.7}

/* Light mode header: subtle color through readable frosted glass. */
body.commission.theme-light > .header{
  color:#080808;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.76))!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%) contrast(.85) brightness(1.15)!important;
  backdrop-filter:blur(24px) saturate(140%) contrast(.85) brightness(1.15)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.035), inset 0 -1px rgba(0,0,0,.05)!important;
}
body.commission.theme-light > .header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:24px;
  background:linear-gradient(rgba(255,255,255,.22),transparent);
  pointer-events:none;
}

/* Smoked glass: a translucent dark header with a soft lower edge. */
body.commission:not(.theme-light)>.header{background:linear-gradient(180deg,rgba(17,19,20,.9),rgba(43,45,47,.56))!important;color:#f6f5f0;-webkit-backdrop-filter:blur(30px) saturate(70%);backdrop-filter:blur(30px) saturate(70%);border:0!important;box-shadow:0 5px 12px -3px rgba(0,0,0,.20)}
/* The shadow alone softens the edge; a second short gradient can form a visible band. */
body.commission:not(.theme-light)>.header:after{content:none}