/* A compact stage keeps the complete scene at a natural scale. */
.hero-film{display:grid;grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto;height:clamp(500px,40vw,580px);min-height:0;padding:0;isolation:isolate;overflow:hidden}
.hero-film .hero-art{position:absolute;inset:0;grid-column:auto;grid-row:auto;align-self:stretch;width:100%;height:100%;max-width:none;margin:0;padding:0;isolation:isolate;background:var(--cream)}
.hero-film .hero-art::after{display:none}
.hero-film .hero-photo,.hero-film video{position:absolute;inset:0 0 0 auto;display:block;width:auto;height:100%;max-width:none;aspect-ratio:16/9;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,var(--clear),var(--mask-solid) 32%);mix-blend-mode:normal}
.hero-film .hero-photo{z-index:1}
.hero-film .has-video .hero-photo{visibility:hidden}
.hero-film .hero-art::after{z-index:2}
.hero-content{position:relative;z-index:2;align-self:center;padding-block:32px;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero-film .hero-copy,.hero-film .hero-actions{max-width:43%}
.hero-film .hero-headline{font-size:clamp(34px,4vw,60px)}
.hero-film .hero-actions{display:flex;margin-top:25px;gap:18px;align-items:center;flex-wrap:wrap}
.hero-film .hero-actions .cta-note{max-width:32em}
/* The scene itself is the playback control; no visible label covers the film. */
.hero-video-toggle{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:var(--clear)}
.hero-video-toggle:focus-visible{outline-offset:-6px}
@media(max-width:1100px) and (min-width:851px){.hero-film .hero-subline{font-size:20px}.hero-film .hero-subtitle{font-size:15px;margin-top:14px}.hero-film .hero-actions{gap:14px;margin-top:20px}.hero-film .hero-copy .eyebrow{margin-bottom:14px}}
@media(max-width:850px){
  .hero-film{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;min-height:0;padding:0}
  .hero-content{order:0;width:calc(100% - 44px);padding-block:30px}
  .hero-film .hero-copy,.hero-film .hero-actions{max-width:none}
  .hero-film .hero-headline{font-size:clamp(32px,6vw,48px)}
  .hero-film .hero-subline{font-size:20px;margin-top:18px}
  .hero-film .hero-subtitle{font-size:15px;margin-top:14px}
  .hero-film .hero-art{order:1;position:relative;inset:auto;aspect-ratio:16/9;height:auto;max-height:none;margin:0;width:100%}
  .hero-film .hero-photo,.hero-film video{inset:0;width:100%;aspect-ratio:auto;object-fit:cover;object-position:85% center;mask-image:none}
  .hero-film .hero-art::after{display:none}
  .hero-film .hero-actions{margin-top:22px}
}
@media(max-width:620px){.hero-film .hero-headline{font-size:clamp(31px,9vw,46px)}.hero-film .hero-art{aspect-ratio:16/10}.hero-film .hero-actions{display:grid;gap:12px}.hero-film .hero-actions>.cta-note{margin:0;max-width:none;text-align:center}}
@media print{.hero-video-toggle,.hero-film video{display:none!important}.hero-film .hero-photo{visibility:visible!important}}