/* Original, content-first HTML scenes. No canvas, font or rendering dependency. */
.hud-plate{position:relative;isolation:isolate;overflow:clip;background:var(--paper);color:var(--ink);border:0;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:clamp(24px,4vw,64px)}
.hud-plate>*{position:relative;z-index:1}.hud-plate .hud-frame,.hud-plate .hud-grid,.hud-plate .hud-corners{position:absolute;inset:0;z-index:0;pointer-events:none}
.hud-frame i{position:absolute;background:var(--ink);transform-origin:left top}.hud-frame i:nth-child(1){top:0;left:0;width:100%;height:1px}.hud-frame i:nth-child(2){right:0;top:0;width:1px;height:100%}.hud-frame i:nth-child(3){bottom:0;right:0;width:100%;height:1px;transform-origin:right}.hud-frame i:nth-child(4){left:0;bottom:0;width:1px;height:100%;transform-origin:bottom}
.hud-grid{background-image:linear-gradient(#0a0b0d07 1px,transparent 1px),linear-gradient(90deg,#0a0b0d07 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(120deg,transparent 12%,#000,transparent 90%)}
.hud-corners i{position:absolute;width:16px;height:16px;border:1px solid var(--ink)}.hud-corners i:nth-child(1){top:12px;left:12px;border-right:0;border-bottom:0}.hud-corners i:nth-child(2){top:12px;right:12px;border-left:0;border-bottom:0}.hud-corners i:nth-child(3){bottom:12px;right:12px;border-left:0;border-top:0}.hud-corners i:nth-child(4){bottom:12px;left:12px;border-right:0;border-top:0}
.hud-rail{display:flex;justify-content:space-between;gap:25px}.hud-rail .eyebrow{font-size:10px}.hud-rail>.eyebrow:last-child{text-align:right}
.hud-axis{display:flex;gap:14px;align-items:center;max-width:600px;font:9px var(--nbx-font-mono);letter-spacing:.12em}.hud-axis i{height:1px;background:var(--rule);flex:1}
.craft-ready.hud-plate{min-height:clamp(420px,56vw,750px)}
.craft-ready .hud-title{font-size:clamp(80px,17.5vw,268px);margin:10px 0;line-height:.92;letter-spacing:-.07em;max-width:100%;font-weight:620}
.hud-letters{display:flex;align-items:baseline}.hud-letters>span{display:inline-block;transform-origin:50% 75%}
.hud-bottom{display:flex;align-items:end;justify-content:space-between;gap:28px}.hud-status{display:flex;flex-wrap:wrap;gap:14px 30px;max-width:80%}.hud-chip{font:10px var(--nbx-font-mono);letter-spacing:.03em;display:flex;gap:10px;align-items:center}.hud-chip b{font-weight:500;display:inline-block;min-width:4ch}.hud-signal{padding:6px 8px;background:var(--ink);color:var(--paper)}
.hud-plate[data-cyan-active=true] .hud-signal{background:var(--nbx-cyan);color:var(--ink)}
.hud-bottom .craft-plate-note{font-size:10px;margin:0;white-space:nowrap}.hud-meter{height:2px;width:100%;background:var(--rule)}.hud-meter span{display:block;background:var(--ink);height:100%;transform-origin:left}
.intake-hero{padding-block:28px 0;max-width:1920px}.intake-plate{min-height:min(90svh,1050px);gap:28px}.intake-plate .hud-title{font-size:clamp(64px,8.8vw,158px);line-height:.94;letter-spacing:-.06em;font-weight:570;margin:12px 0}.intake-plate .hud-title>span{color:var(--ink);font-weight:650}.intake-plate .hud-axis{max-width:680px}.intake-jump{min-height:44px;flex-shrink:0;font-size:13px}
.page-consult .contact-intro h2{font-size:clamp(38px,5.5vw,76px);line-height:1.05;letter-spacing:-.05em;margin-block:24px}.page-consult .contact-cinema-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding-block:30px 80px}.contact-secondary-copy h2{font-size:clamp(34px,4vw,60px);line-height:1.05;margin-top:25px}.contact-cinema-section .editorial-film{margin:0;min-width:0}.contact-cinema-section .film-control-row{padding-inline:0}
/* Shared lighting and panel depth, driven by a single reversible scroll timeline. */
[data-depth-scene] .hx-stage{overflow:clip}
[data-depth-scene] .hx-assembly-visual{perspective:1300px;perspective-origin:50% 40%;height:400px;transform-style:preserve-3d;margin-block:20px 24px}
.depth-camera{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;font:8px var(--nbx-font-mono);letter-spacing:.09em;padding:12px 2%;color:var(--muted)}.depth-camera b{font-weight:500;color:var(--ink)}
[data-depth-scene] .hx-plane{top:56px;left:auto;width:29%;height:285px;transform:none;box-shadow:12px 18px 0 #0a0b0d08,0 25px 38px #0a0b0d15;will-change:auto}
[data-depth-scene] .hx-plane-brand{left:3.5%}[data-depth-scene] .hx-plane-web{left:35.5%}[data-depth-scene] .hx-plane-image{left:67.5%}
[data-depth-scene] .hx-plane::before{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(125deg,#fff7,transparent 35%,transparent 70%,#0a0b0d0e);border:1px solid #ffffff30}
[data-depth-scene] .hx-plane::after{content:'';position:absolute;left:100%;top:0;width:7px;height:100%;background:#aeb3b9;transform:skewY(35deg);transform-origin:left top;border:1px solid var(--ink);border-left:0}
[data-depth-scene] .hx-plane[data-cyan-active=true]{background:var(--nbx-cyan);color:var(--ink)}
[data-depth-scene] .hx-plane[data-cyan-active=true] .hx-brand-symbol>span{background:var(--nbx-cyan)}
[data-depth-scene] .hx-plane[data-cyan-active=true] .hx-web-type i{color:var(--ink)}
[data-depth-scene] .hx-service-links>a{padding:18px 14px 16px;transition:background 160ms,border-color 160ms;position:relative;border-top:2px solid var(--rule)}
[data-depth-scene] .hx-service-links>a[data-depth-active=true]{border-top-color:var(--ink);background:#0a0b0d05}
[data-depth-scene] .hx-service-links>a[data-depth-active=true] h3{text-decoration:underline;text-underline-offset:6px}
[data-depth-scene] .hx-connection{opacity:1;left:3.5%;width:93%;bottom:0}[data-depth-scene] .hx-connection i{transform:none}
.depth-enhanced .hx-plane{will-change:transform}
@media(min-width:1000px) and (min-height:900px){.page-home.hx-motion [data-depth-scene] .hx-plane{top:36px;height:max(280px,calc(100% - 112px))}}
/* Direction is carried by live typography. The crowd is decorative and noninteractive. */
.funnel-difference[data-direction-scene]{position:relative;isolation:isolate;overflow:clip;padding-top:95px;padding-bottom:95px;background:var(--ink);color:var(--paper);--rule:#41464c}
.direction-stream{position:absolute;inset:20px 0 auto;z-index:0;overflow:hidden;pointer-events:none;height:50%;display:none}
.direction-stream>span{display:block;width:max-content;max-width:none;font-size:clamp(56px,9vw,145px);font-weight:650;line-height:1.12;letter-spacing:-.04em;color:#f7f8fa18;white-space:nowrap}
.direction-enhanced .direction-stream{display:block}.difference-intro,.funnel-reasons{position:relative;z-index:1}
.direction-line{display:flex;align-items:center;gap:20px;position:relative;z-index:1;margin-bottom:65px;font:10px var(--nbx-font-mono);letter-spacing:.07em}.direction-line i{flex:1;height:1px;background:#60666d;transform-origin:right}.direction-line>span:first-child{font-size:28px}
.funnel-difference .difference-intro{max-width:none}.funnel-difference #difference-title{font-size:clamp(46px,7.3vw,116px);line-height:1.03;letter-spacing:-.045em;max-width:1250px;margin:26px 0}
.funnel-difference .difference-intro{display:block}
.direction-anchor,.direction-resolve{display:block}.direction-anchor{font-weight:630;width:fit-content;max-width:94%}.direction-resolve{font-weight:420;color:#b3bac2;font-size:.84em}
.funnel-difference .difference-intro>p:last-child{margin-left:auto;margin-top:38px}
.funnel-difference .difference-intro>p:last-child{color:#bcc3ca;max-width:660px;font-size:16px}.funnel-difference .funnel-reasons p{color:#bcc3ca}.funnel-difference .funnel-reasons h3{color:var(--paper)}
/* Upcoming work is explicitly a plate, never a fabricated image or film. */
.case-motion{border-top:1px solid var(--rule);padding:24px 0 14px;overflow:clip}.case-motion>.eyebrow{font-size:10px}.case-motion ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:20px 0 12px;gap:20px}.case-motion li{border-left:2px solid var(--ink);padding-left:14px;font-size:clamp(15px,1.6vw,24px);line-height:1.2}.case-motion-note{font-size:12px;color:var(--muted)}
.portfolio-upcoming{max-width:1600px;padding-top:55px;padding-bottom:70px}.portfolio-upcoming>header{padding-bottom:40px;border-top:1px solid var(--ink);padding-top:25px}.portfolio-upcoming h2{font-size:clamp(40px,5.3vw,80px);line-height:1.03;letter-spacing:-.045em;margin-top:30px}
.reserved-cases{display:grid;grid-template-columns:1fr 1fr;gap:36px}.reserved-case{min-width:0;scroll-margin-top:26px}.reserved-case:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.reserved-plate{background:var(--paper);border:1px solid var(--rule);min-height:290px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.reserved-plate>span{font:10px var(--nbx-font-mono);z-index:1}.reserved-plate>p{font-size:clamp(24px,3vw,48px);line-height:1.05;font-weight:550;max-width:360px;letter-spacing:-.045em;z-index:1}.reserve-reticle{position:absolute;inset:18px;border:1px solid var(--rule);opacity:.5;transform:translate(32%,28%) rotate(-20deg);pointer-events:none}.reserve-reticle i{position:absolute;inset:15%;border:1px solid var(--ink)}.reserve-reticle i+i{inset:30%}
.reserved-case:first-child .reserved-plate{min-height:360px;background:var(--ink);color:var(--paper)}.reserved-case:first-child .reserve-reticle{border-color:#535b62}.reserved-case:first-child .reserve-reticle i{border-color:#77818a}
.reserved-copy{padding-top:23px}.reserved-copy>.eyebrow{font-size:9px;color:var(--muted)}.reserved-copy h3{font-size:clamp(29px,3.5vw,52px);letter-spacing:-.04em;line-height:1.05;margin:18px 0}.reserved-copy>p:last-child{font-size:14px;max-width:420px;color:var(--muted)}
@media(max-width:999px){[data-depth-scene] .hx-stage{height:auto!important;position:relative!important}[data-depth-scene] .hx-plane{padding:14px;width:29%;height:266px}.intake-plate .hud-title{font-size:clamp(64px,10vw,98px)}.hud-status{max-width:100%}.hud-bottom{flex-wrap:wrap}.page-consult .contact-cinema-section{grid-template-columns:1fr 1.15fr;gap:25px}}
@media(max-width:767px){.hud-plate{padding:26px 22px;gap:27px}.hud-rail .eyebrow{font-size:8px}.hud-axis{font-size:8px;gap:10px}.hud-bottom{gap:18px}.hud-status{gap:12px 20px}.hud-chip{font-size:8px;gap:6px}.craft-ready.hud-plate{min-height:390px}.craft-ready .hud-title{font-size:clamp(68px,18vw,132px)}.hud-bottom .craft-plate-note{font-size:9px}.intake-hero{padding-top:20px}.intake-plate{min-height:85svh}.intake-plate .hud-title{font-size:clamp(53px,11.5vw,84px);margin:0}.intake-plate .hud-bottom{display:block}.intake-jump{margin-top:20px;max-width:220px}.page-consult .contact-cinema-section{grid-template-columns:1fr;padding-bottom:48px}.page-consult .contact-intro h2{font-size:44px}.funnel-difference[data-direction-scene]{padding-block:48px}.direction-line{margin-bottom:40px;font-size:8px}.funnel-difference #difference-title{font-size:clamp(39px,9.7vw,73px);line-height:1.08}.funnel-difference .difference-intro>p:last-child{font-size:14px}.direction-stream{height:32%;top:55px}.case-motion ul{grid-template-columns:1fr;gap:15px}.case-motion li{font-size:18px}.reserved-cases{grid-template-columns:1fr;gap:42px}.reserved-case:first-child{grid-column:auto;display:block}.reserved-case:first-child .reserved-plate{min-height:290px}.portfolio-upcoming{padding-top:30px}}
@media(max-width:620px){[data-depth-scene] .hx-assembly-visual{height:300px;margin-inline:0;perspective:none}[data-depth-scene] .hx-plane{top:45px;height:218px;padding:9px 7px;width:31%;box-shadow:3px 8px 0 #0a0b0d0a}[data-depth-scene] .hx-plane-brand{left:0}[data-depth-scene] .hx-plane-web{left:34.5%}[data-depth-scene] .hx-plane-image{left:69%}[data-depth-scene] .hx-plane::after{width:3px}[data-depth-scene] .hx-plane-name{font-size:clamp(14px,3.65vw,22px)}[data-depth-scene] .hx-brand-symbol svg{height:72px}[data-depth-scene] .hx-image-symbol>span:first-child{width:60px;height:60px}[data-depth-scene] .hx-service-links>a{padding:14px 0;min-height:90px}[data-depth-scene] .hx-service-links p{margin:0}[data-depth-scene] .hx-connection{font-size:6px;gap:7px;left:0;width:100%;bottom:-4px}.depth-camera{font-size:7px;padding-inline:0}}
@media(prefers-reduced-motion:reduce){.hud-plate *,.direction-stream>span,[data-depth-scene] .hx-plane{will-change:auto!important}.direction-stream{display:none!important}.hx-service-links>a{transition:none!important}}