body.cinematic-sequence .hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;padding:calc(var(--header) + 5rem) 0 clamp(4rem,8vw,7rem);color:#f7f4ec;background:#080a08;isolation:isolate}
body.cinematic-sequence .hero-stage{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#080a08}
body.cinematic-sequence .hero-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,4,.9) 0%,rgba(4,6,4,.7) 36%,rgba(4,6,4,.12) 72%),linear-gradient(0deg,rgba(4,6,4,.72),transparent 55%)}
body.cinematic-sequence .hero-stage picture,body.cinematic-sequence .hero-stage img{width:100%;height:100%;display:block}
body.cinematic-sequence .hero-stage img{object-fit:cover;object-position:65% center;transform:translate3d(0,var(--film-hero-y,0),0) scale(1.055)}
body.cinematic-sequence .hero-content{position:relative;z-index:2;margin:0 auto;max-width:none;padding:0}
body.cinematic-sequence .hero h1{max-width:8ch;color:#fff;font-size:clamp(4.7rem,10vw,10.5rem);line-height:.82;text-shadow:0 3px 30px rgba(0,0,0,.25)}
body.cinematic-sequence .hero-lede{max-width:37ch;color:#eee9df}body.cinematic-sequence .hero-text-link{color:#fff;text-underline-offset:7px}
body.cinematic-sequence .hero-bottom{z-index:2;color:#e9e5dc}
.motion-toggle{min-height:44px;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(5,7,5,.35);font:inherit;cursor:pointer}.motion-toggle:hover,.motion-toggle:focus-visible{background:#fff;color:#172019}
.soundtrack-control[hidden]{display:none}.soundtrack-control{display:flex;align-items:center;gap:.65rem}.soundtrack-control button{min-height:44px;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(5,7,5,.35);font:inherit;cursor:pointer}.soundtrack-control button:hover,.soundtrack-control button:focus-visible,.soundtrack-control button[aria-pressed="true"]{background:#fff;color:#172019}.soundtrack-control button span[aria-hidden]{margin-right:.25rem}.soundtrack-control input{width:5.5rem;min-height:44px;accent-color:#f3eee2}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav .soundtrack-control{margin-left:auto}.nav .soundtrack-control+.menu-button{margin-left:0}@media(max-width:1200px){.nav .soundtrack-control input{width:4rem}.nav .soundtrack-control [data-soundtrack-label]{display:none}.nav .soundtrack-control button span[aria-hidden]{margin:0}}@media(max-width:700px){.nav{gap:.55rem}.nav .soundtrack-control{gap:.35rem}.nav .soundtrack-control input{width:3.75rem}.nav .soundtrack-control button{width:44px;padding:.4rem}.brand{font-size:.66rem;letter-spacing:.12em}.brand-mark{width:32px;height:32px}}@media(max-width:460px){.brand>span:last-child{display:none}}
.film-intertitle{min-height:38svh;display:grid;place-items:center;padding:4rem 1.5rem;color:#182019;background:#fff;text-align:center}
.film-intertitle p{margin:0;font-family:var(--display);font-size:clamp(3rem,7vw,7rem);line-height:1;letter-spacing:-.045em}
body.cinematic-sequence .concept-entry-before{display:none}
body.cinematic-sequence .work{padding:0;background:#0a0c0a;color:#fff;overflow:visible}
body.cinematic-sequence .work>.shell{width:100%;max-width:none;display:flex;flex-direction:column}
body.cinematic-sequence .work-intro{display:none}
body.cinematic-sequence .case{width:100%;display:flex;flex-direction:column;min-height:0;padding:0;gap:0;border:0;background:#fff;color:#172019}
body.cinematic-sequence .case[data-case="leos"]{order:1}body.cinematic-sequence .case[data-case="scuderie-magara"]{order:2}
body.cinematic-sequence .case-media{order:0;position:relative;width:100%;height:100svh;min-height:660px;display:block;overflow:hidden;border-radius:0;background:#080a08}
body.cinematic-sequence .case-media img{width:100%;height:calc(100% + 48px);object-fit:cover;object-position:center;transform:translate3d(0,var(--film-case-y,-24px),0) scale(1.045);will-change:transform}
body.cinematic-sequence .case-media::after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,5,.82),transparent 46%);box-shadow:none}
body.cinematic-sequence .case-media::before{position:absolute;left:max(3.5vw,24px);bottom:clamp(2.5rem,6vw,6rem);z-index:2;color:#fff;font-family:var(--display);font-size:clamp(4.5rem,11vw,11rem);line-height:.78;letter-spacing:-.055em;white-space:pre;pointer-events:none}
body.cinematic-sequence .case[data-case="leos"] .case-media::before{content:"02 / LEOS"}
body.cinematic-sequence .case[data-case="scuderie-magara"] .case-media::before{content:"03 / B400 Siluretto"}
body.cinematic-sequence .case-media.b400-lock-frame{background:#020303}body.cinematic-sequence .case-media.b400-lock-frame img{height:100%;object-fit:contain;object-position:center;transform:none}body.cinematic-sequence .case-media.b400-lock-frame::after{background:linear-gradient(0deg,rgba(2,3,3,.72),transparent 38%)}
body.cinematic-sequence .case-copy{order:1;width:min(1320px,calc(100% - 7vw));min-height:0;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,9rem);padding:clamp(3rem,7vw,7rem) 0;border:0;background:#fff}
body.cinematic-sequence .case-copy h3{font-size:clamp(3rem,6vw,6.5rem);line-height:.88}body.cinematic-sequence .case-copy p{font-size:1.05rem;line-height:1.65}
body.cinematic-sequence .case .case-copy p,body.cinematic-sequence .case .case-scope,body.cinematic-sequence .case .case-scope li{color:#536057;border-color:#d5ddd5}body.cinematic-sequence .case .case-top>span{color:#6f472b}body.cinematic-sequence .case .case-open{color:#183e31}
body.cinematic-sequence .showroom-grid{order:3;width:min(1320px,calc(100% - 7vw));margin:clamp(5rem,9vw,9rem) auto 3rem;color:#172019;background:#fff}
body.cinematic-sequence .work-note{order:4;width:100%;max-width:none;margin:0;padding:2rem max(3.5vw,18px);background:#111515}
body.cinematic-sequence .concept-entry-after{display:block}
.film-ready .hero-content>*{opacity:0;transform:translateY(24px);animation:film-in .85s var(--ease) forwards}.film-ready .hero-content>*:nth-child(2){animation-delay:.08s}.film-ready .hero-content>*:nth-child(3){animation-delay:.16s}.film-ready .hero-content>*:nth-child(4){animation-delay:.24s}.film-ready .film-shot{opacity:.72;transform:translateY(18px);transition:opacity .85s ease,transform .85s var(--ease)}.film-ready .film-shot.in-view{opacity:1;transform:none}
@keyframes film-in{to{opacity:1;transform:none}}
@media(max-width:700px){body.cinematic-sequence .hero{min-height:100svh;padding-bottom:2.5rem}body.cinematic-sequence .hero-stage,body.cinematic-sequence .hero-stage picture,body.cinematic-sequence .hero-stage img{height:100%;aspect-ratio:auto}body.cinematic-sequence .hero-stage img{object-fit:cover;object-position:67% center;transform:none}body.cinematic-sequence .hero-stage::after{background:linear-gradient(0deg,rgba(4,6,4,.94) 4%,rgba(4,6,4,.65) 58%,rgba(4,6,4,.18))}body.cinematic-sequence .hero h1{font-size:clamp(4rem,18vw,6.2rem)}.film-intertitle{min-height:30svh}body.cinematic-sequence .case-media{height:auto;min-height:55svh;aspect-ratio:auto;background:#eef0eb}body.cinematic-sequence .case-media img{height:55svh;object-fit:contain;transform:none}body.cinematic-sequence .case-media::before{font-size:clamp(3.4rem,16vw,5.8rem);bottom:1.8rem}body.cinematic-sequence .case-copy{width:calc(100% - 36px);grid-template-columns:1fr;gap:1rem;padding:3rem 0 4.5rem}body.cinematic-sequence .showroom-grid{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){body.cinematic-sequence .hero-stage img,body.cinematic-sequence .case-media img,.film-ready .hero-content>*,.film-ready .film-shot{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
.motion-paused body.cinematic-sequence .hero-stage img,.motion-paused body.cinematic-sequence .case-media img,.motion-paused.film-ready .hero-content>*,.motion-paused.film-ready .film-shot{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
html.motion-paused{scroll-behavior:auto}
html.motion-paused .lane-hero>img{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
.b400-reveal{display:block;position:relative;height:220svh;order:0;background:#020202;color:#fff}.b400-reveal-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#020202}.b400-reveal-fallback,.b400-reveal-canvas,.b400-reveal-shade{position:absolute;inset:0;width:100%;height:100%}.b400-reveal-fallback{object-fit:cover;object-position:center}.b400-reveal-canvas{display:none}.b400-reveal-shade{background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.64),transparent 48%);pointer-events:none}.b400-reveal-copy{position:absolute;left:max(3.5vw,24px);bottom:clamp(4.5rem,9vw,8rem);z-index:2;display:grid;gap:1rem}.b400-reveal-copy span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.b400-reveal-copy strong{font-family:var(--display);font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.8;letter-spacing:-.05em}.b400-reveal-copy small{font-size:.8rem;letter-spacing:.08em}.b400-reveal-status{position:absolute;right:max(3.5vw,24px);bottom:2rem;z-index:2;max-width:42ch;margin:0;color:#c6cbc5;font-size:.72rem;text-align:right}.b400-reveal.is-webgl .b400-reveal-canvas{display:block}.b400-reveal.is-webgl .b400-reveal-fallback{visibility:hidden}.b400-reveal.is-webgl+.b400-static-frame{display:none}
@media(max-width:700px){.b400-reveal{height:165svh}.b400-reveal-sticky{height:100svh}.b400-reveal-fallback{object-fit:contain}.b400-reveal-copy{bottom:6rem}.b400-reveal-status{left:18px;right:18px;bottom:1rem;text-align:left}.b400-reveal.is-webgl+.b400-static-frame{display:none}}
@media(prefers-reduced-motion:reduce){.b400-reveal{height:100svh}.b400-reveal-copy small{display:none}}
.motion-paused .b400-reveal{height:100svh}.motion-paused .b400-reveal-copy small{display:none}
.b400-reveal{height:100svh}.b400-reveal.is-webgl{height:280svh}.b400-reveal-sticky{background:#020202 url("studio/b400-hero.webp") center/contain no-repeat}.b400-reveal-fallback{content:url("studio/b400-hero.webp");object-fit:contain}.b400-reveal+.b400-static-frame{display:none}
.b400-reveal-controls{display:none;position:absolute;left:max(3.5vw,24px);right:max(3.5vw,24px);bottom:1.2rem;z-index:4;align-items:center;gap:.75rem;padding:.75rem;color:#fff;background:rgba(2,3,3,.78);backdrop-filter:blur(10px)}.b400-reveal.is-webgl .b400-reveal-controls{display:flex}.b400-reveal-controls label{margin:0;color:#fff}.b400-reveal-controls input{min-height:44px;flex:1;accent-color:#b71925}.b400-reveal-controls button{min-height:44px;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.55);color:#fff;background:#171918;cursor:pointer}.b400-reveal.is-webgl .b400-reveal-status{bottom:5.6rem}
@media(max-width:700px){.b400-reveal.is-webgl{height:200svh}.b400-reveal-controls{left:12px;right:12px;bottom:.7rem;display:none;grid-template-columns:1fr 1fr}.b400-reveal.is-webgl .b400-reveal-controls{display:grid}.b400-reveal-controls label,.b400-reveal-controls input{grid-column:1/-1;width:100%}.b400-reveal.is-webgl .b400-reveal-status{bottom:9.5rem}}
.b400-reveal-copy small{display:none}.b400-reveal.is-webgl .b400-reveal-copy small{display:block}.motion-paused .b400-reveal.is-webgl{height:100svh}.motion-paused .b400-reveal-copy small{display:none}
@media(prefers-reduced-motion:reduce){.b400-reveal.is-webgl{height:100svh}.b400-reveal-copy small,.b400-reveal.is-webgl .b400-reveal-copy small{display:none}}
.b400-reveal{width:100%;align-self:stretch}
@media(max-width:700px){body.cinematic-sequence .case[data-case="scuderie-magara"] .case-media::before{content:"03 / B400\A Siluretto";font-size:clamp(3rem,15vw,5.2rem);line-height:1}}

/* Keyboard users must see a focused project even before observer delivery. */
.film-ready .film-shot:focus-within{opacity:1;transform:none}
.motion-toggle:disabled{cursor:default;opacity:.8}
/* Reviewed film enhancement. The original picture remains underneath. */
.hero-stage .cinematic-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:0;pointer-events:none}
.hero-stage.has-cinematic-video .cinematic-video{opacity:1}
.hero-stage::after{z-index:1}
@media(max-width:700px){.hero-stage .cinematic-video{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-stage .cinematic-video{display:none}}
.motion-paused .hero-stage .cinematic-video{display:none}