/* Dual-state data, illustrated: the scroll story as one section of the corporate page. */
.cinema-story{position:relative}
.cinema-screen{height:100svh;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 57%,#30362370,transparent 52%),#10130f;border-bottom:1px solid #363c2c}
.stage-surface{position:absolute;inset:0;z-index:1}
.stage-surface>svg,.stage-surface>img{height:100%;width:100%;display:block}
.cinema-intro{position:absolute;left:max(var(--gutter),calc((100vw - var(--wrap))/2));top:11%;z-index:3;max-width:min(560px,48%);transition:opacity .16s,visibility 0s}
.cinema-intro.intro-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility 0s .16s}
.cinema-intro h1,.cinema-intro h2{font-size:clamp(40px,4.2vw,60px);line-height:1.04;letter-spacing:-.035em;margin-top:22px;max-width:none}
.cinema-intro .intro-lead{font-size:17px;line-height:1.6;max-width:46ch;margin-top:22px;color:#c9cdbb}
.story-enter{display:inline-flex;min-height:48px;align-items:center;gap:50px;color:var(--gold);font-size:15px;margin-top:17px;border-bottom:1px solid #8e7d4c}
.cinema-caption{position:absolute;left:max(var(--gutter),calc((100vw - var(--wrap))/2));top:8%;z-index:3;max-width:670px;pointer-events:none}
.cinema-caption h2{font-size:clamp(36px,3.6vw,52px);line-height:1.05;letter-spacing:-.04em;margin-top:14px;max-width:none}
.cinema-caption>p:last-child{font-size:20px;color:#bfc6ae;margin-top:12px}
.scene-controls{position:absolute;bottom:84px;left:max(var(--gutter),calc((100vw - var(--wrap))/2));right:max(var(--gutter),calc((100vw - var(--wrap))/2));display:flex;align-items:center;gap:28px;z-index:5;font-size:13px;color:#b8beab}
.scene-controls button{border:0;background:none;padding:0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.scene-controls>a{margin-left:auto;min-height:44px;display:flex;align-items:center;color:var(--gold)}
.chapter-controls{position:absolute;inset:auto max(var(--gutter),calc((100vw - var(--wrap))/2)) 23px;z-index:5;display:flex;border-top:1px solid #444a36;padding-top:6px}
.chapter-controls>a{flex:1;display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:#a5ad96}
.chapter-controls>a>span{font:10px var(--mono);color:#8d947e}
.chapter-controls>a[aria-current=step]{color:var(--gold)}
.chapter-controls>a[aria-current=step]>span{color:var(--gold)}
.cinema-progress{position:absolute;bottom:0;height:2px;background:#343c28;left:0;right:0}
.cinema-progress>div{height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.scene-grain{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#a0aa8018 1px,transparent 1px);background-size:5px 5px;pointer-events:none}
.cinema-story.enhanced{height:660svh}
.enhanced .cinema-screen{position:sticky;top:0}
.cinema-page.wide-motion .inline-story{display:none}
.inline-frame{padding:50px 0 38px;border-bottom:1px solid #343c2c}
.inline-copy h2{font-size:34px;margin-top:18px;max-width:none}
.inline-subtitle{color:var(--gold);font-size:20px;margin-top:14px}
.inline-description{font-size:16px;max-width:600px;line-height:1.65}
.inline-stage{height:500px;max-width:750px;margin:auto}
.inline-stage svg{height:100%;width:100%;display:block}
.cinema-page.reduced-motion .cinema-story{height:auto}
.cinema-page.reduced-motion .cinema-screen{position:relative}
.role-label{font-family:Outfit,Arial,sans-serif;fill:#d5ddc4;font-size:16px}
.role-note{font-family:Outfit,Arial,sans-serif;fill:#a4b48e;font-size:13px}
.diagram-floor{fill:none;stroke:#6b7851;stroke-width:.7;opacity:.12}
@media(max-width:899px),(max-height:649px){
  .cinema-story.enhanced{height:auto}
  .cinema-screen{height:auto;min-height:640px}
  .cinema-intro{left:var(--gutter);top:9%;max-width:min(560px,60%)}
  .cinema-intro h1,.cinema-intro h2{font-size:clamp(36px,6.4vw,52px)}
  .cinema-intro .intro-lead{font-size:16px}
  .scene-controls{bottom:15px;left:var(--gutter);right:var(--gutter);gap:12px;font-size:12px}
  .scene-controls button{font-size:12px}
  .scene-controls>a{display:none}
  .chapter-controls{display:none!important}
  .cinema-page .stage-surface{opacity:.65}
  .inline-story{display:block}
  .cinema-page .cinema-story{height:auto}
  .cinema-caption{display:none}
  .cinema-progress{display:none}
}
@media(max-width:540px){
  .cinema-screen{min-height:560px}
  .cinema-intro{left:var(--gutter);right:var(--gutter);top:44px;max-width:none}
  .cinema-intro h1,.cinema-intro h2{font-size:clamp(34px,9.6vw,44px)}
  .cinema-intro .intro-lead{font-size:16px;max-width:none}
  .cinema-intro .story-enter{font-size:14px}
  .cinema-page .stage-surface{opacity:.22;inset:65px -170px 0 0;pointer-events:none}
  .scene-controls button{margin-left:auto}
  .inline-frame{padding-top:43px}
  .inline-copy h2{font-size:30px}
  .inline-copy .eyebrow{font-size:11px}
  .inline-subtitle{font-size:18px}
  .inline-stage{height:480px}
  .inline-description{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.cinema-intro{transition:none}}