/* The introduction and film share one stage: no modal, crop or layout jump. */
.hero-stage{position:relative;isolation:isolate;background:var(--bg)}
.hero-intro{opacity:1;transition:opacity 1s var(--ease)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,23vw,340px);gap:clamp(36px,4vw,64px);align-items:center}
.hero-stage .hero h1{font-size:clamp(76px,11vw,190px)}
.hero-copy{min-width:0}
.hero-copy .hero-description{margin-top:30px;max-width:600px}
.hero-stage .hero-action{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding-bottom:35px}.video-booking span{font-size:24px;transition:transform .25s var(--ease)}.video-booking:hover span{transform:translate(3px,-3px)}
.video-fallback{width:100%;margin-top:20px}
.hero-player{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;opacity:0;background:var(--bg);pointer-events:none;transition:opacity 1s var(--ease)}
.is-video-active .hero-intro{opacity:0;pointer-events:none}
.is-video-active .hero-player{opacity:1;pointer-events:auto}
.video-picture{position:relative;flex:1;min-height:0;background:var(--bg);overflow:hidden}
.video-picture>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.video-close{position:absolute;top:22px;right:var(--gap);z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;background:var(--bg);color:var(--ink);border-radius:var(--radius);transition:transform .25s var(--ease)}
.video-close>span{font-size:32px;line-height:1;padding-bottom:3px}
.video-close:hover{transform:scale(1.08)}
.video-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none}
.video-message>p:not(:empty){padding:14px 20px;background:var(--bg);color:var(--ink);border-radius:var(--radius);max-width:calc(100% - 48px);text-align:center;font-size:16px}
.video-message>button{pointer-events:auto}
.video-controls{flex-shrink:0;background:var(--bg);padding-block:10px 16px}
.video-controls-row{display:flex;align-items:center;gap:28px;min-height:48px}
.video-control{background:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 0;font-size:var(--step-small);white-space:nowrap}
.video-control:hover{color:var(--muted)}
.video-control .play-icon,.video-control .sound-off{display:none}
.is-video-paused .video-control .pause-icon{display:none}
.is-video-paused .video-control .play-icon{display:block}
#video-sound[aria-pressed="true"] .sound-waves{display:none}
#video-sound[aria-pressed="true"] .sound-off{display:block}
.video-audio{display:flex;align-items:center;gap:15px}
.video-time{font-size:var(--step-small);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.video-booking{display:inline-flex;align-items:center;gap:24px;font-size:16px;min-height:44px;margin-left:auto;white-space:nowrap}
.video-controls input[type="range"]{accent-color:var(--paper);cursor:pointer;height:24px;background:transparent;min-width:0}
.video-controls input:focus-visible{outline:3px solid var(--paper);outline-offset:5px}
.video-seek{display:block;width:100%;margin:0 0 2px}
#video-volume{width:75px;margin:0}
.video-end{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg);text-align:center;padding:60px 24px}
.video-end>p{font-size:clamp(30px,4.5vw,64px);line-height:1.1;letter-spacing:-.045em;font-weight:500}
.video-end .text-button{font-size:16px}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.hero-stage .hero h1{font-size:10.5vw}.hero-copy .hero-description{font-size:20px}.hero-stage .hero-action{padding-bottom:10px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero-stage .hero h1{font-size:13.8vw}.hero-copy .hero-description{max-width:550px}.hero-stage .hero-action{flex-direction:row;justify-content:space-between;padding-bottom:0;text-align:left}.video-controls-row{gap:22px}.video-audio{gap:12px}}
@media(max-width:600px){.hero-stage .hero h1{font-size:15vw}.hero-copy .hero-description{margin-top:23px;max-width:340px}.hero-layout{gap:26px}.hero-stage .hero-action{align-items:flex-start;flex-direction:column}.video-close{top:22px}.video-controls{padding-block:8px 12px}.video-controls-row{flex-wrap:wrap;gap:4px 22px}.video-audio{gap:12px}.video-control{gap:7px;min-height:44px}.video-time{font-size:13px;margin-left:auto}.video-booking{font-size:14px;gap:20px}.video-seek{margin-bottom:0}#video-volume{width:58px}.video-end{gap:20px}.video-end>p{font-size:34px}}
@media(max-width:420px){.video-controls-row{gap:0 20px}.video-time{order:3;margin-left:0}.video-booking{order:4;margin-left:auto}.video-audio{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.hero-intro,.hero-player,.video-booking span,.video-close{transition:none}}