/* Supplied GLB model. Sticky releases into normal page flow; no terminal fade. */
.studio-reel{position:relative;background:#10110f;--vr-progress:0}
.studio-pin{position:relative;display:block;min-height:760px;height:100svh;padding:0;overflow:clip}
.studio-reel.story-motion{height:330svh}
.story-motion .studio-pin{position:sticky;top:0;height:100svh;min-height:0}
.studio-pin>#studio-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;opacity:1;z-index:0;pointer-events:none}
.vr-space{position:absolute;inset:0;width:auto;height:auto;max-width:none;aspect-ratio:auto;transform:none;perspective:none;z-index:1;pointer-events:none}
#vision-headset{width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.studio-reveal{position:absolute;left:54%;top:50%;width:40%;transform:translateY(-50%);opacity:0;visibility:hidden;z-index:4}
.studio-reveal h2{font-size:clamp(36px,4.5vw,68px)}
.studio-reveal>p:not(.kicker){max-width:570px}
.studio-pin .reel-foot{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);order:0;margin:0;width:auto;z-index:6}
.reel-foot>div{display:flex;flex-direction:column;gap:8px;font-size:9px;background:#080a07dc;padding:9px 12px;border-radius:8px;color:var(--paper)}
.reel-phase{color:var(--gold);font-size:11px}
.reel-chapter{z-index:6;top:30px;background:#080a079e;padding:10px 12px;border-radius:8px;left:var(--pad);right:var(--pad)}
.reel-chapter .scroll-cue{display:inline;color:var(--gold)}
.reel-progress{position:absolute;left:var(--pad);right:var(--pad);bottom:14px;height:2px;background:#62695955;z-index:6;overflow:hidden}
.reel-progress i{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.studio-mobile-copy{display:none;background:#10110f}
.studio-mobile-copy.has-copy{display:block;padding-top:50px;padding-bottom:75px}
.studio-mobile-copy .studio-reveal{position:static;transform:none!important;opacity:1!important;visibility:visible!important;width:100%;max-width:780px;margin:0 auto}
.studio-mobile-copy .studio-reveal h2{font-size:clamp(41px,7vw,65px)}
.studio-mobile-copy .studio-reveal>p:not(.kicker){max-width:660px}
.webgl-fallback .studio-pin{height:auto;min-height:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'media' 'controls' 'copy';gap:24px;padding-bottom:75px}
.webgl-fallback .vr-space,.webgl-fallback .reel-chapter,.webgl-fallback .reel-progress{display:none}
.webgl-fallback .studio-pin>#studio-video{grid-area:media;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;opacity:1!important;object-fit:cover}
.webgl-fallback .studio-pin .reel-foot{grid-area:controls;position:relative;inset:auto;margin:0 var(--pad);width:auto}
.webgl-fallback .studio-reveal{grid-area:copy;position:relative;inset:auto;transform:none!important;opacity:1!important;visibility:visible!important;width:auto;max-width:780px;margin:22px var(--pad) 0}
.webgl-fallback .studio-reveal h2{font-size:clamp(38px,4.5vw,68px)}
@media(max-width:899px),(max-height:720px){
  .studio-reel.story-motion{height:300svh}
  .studio-pin{min-height:650px;height:100svh}
  .studio-mobile-copy.has-copy{position:relative;z-index:7;margin-top:-14svh}
}
@media(max-width:480px){
  .reel-chapter{top:20px;font-size:9px;gap:15px;align-items:center}
  .reel-chapter .scroll-cue{font-size:8px;max-width:115px;text-align:right;line-height:1.6}
  .reel-foot>div{font-size:9px;max-width:182px;padding:8px 10px;line-height:1.6}
  .reel-phase{font-size:10px}
  .studio-mobile-copy.has-copy{padding-top:45px;padding-bottom:65px}
  .studio-mobile-copy .studio-reveal h2{font-size:43px}
  .studio-mobile-copy .studio-reveal>p:not(.kicker){font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .studio-reel.story-motion{height:auto}
  .reel-chapter .scroll-cue{display:none}
}

/* Riserva il percorso prima del bundle per stabilizzare il ripristino dello scroll. */
.studio-reel{height:330svh}.studio-reel.webgl-fallback{height:auto}
@media(max-width:899px),(max-height:720px){.studio-reel{height:300svh}.studio-reel.webgl-fallback{height:auto}}
@media(prefers-reduced-motion:reduce){.studio-reel{height:auto}}

/* Completed stories leave normal scrolling free; replay is an explicit action. */
.studio-reel{overflow-anchor:none}
.studio-reel.story-complete{height:100svh}
.story-complete .studio-pin{position:relative}
.reel-foot .reel-actions{display:flex;flex-direction:row;gap:8px;padding:0;background:none;align-items:center}
#studio-replay[hidden]{display:none}
#studio-replay{font-size:11px}
@media(max-width:899px),(max-height:720px){
  .studio-mobile-copy.has-copy{margin-top:0}
  .story-complete .reel-chapter .scroll-cue{display:none}
  .studio-pin .reel-foot{align-items:flex-end;gap:10px}
  .reel-foot .reel-actions{flex-direction:column;align-items:flex-end}
}