/* The approved landscape film stays uncropped, including on narrow screens. */
.hero.hero--film{display:block;height:auto;min-height:0;aspect-ratio:16/9;background:#1b1b19;overflow:hidden;isolation:isolate}
.hero-film__media{position:absolute;inset:0;aspect-ratio:16/9}
.hero-film__poster,.hero-film__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.hero-film__video{object-fit:contain;opacity:0;transition:opacity .35s ease}
.hero--film.has-film .hero-film__video{opacity:1}
.hero-film__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 64%)}
.hero.hero--film .hero-copy{position:absolute;left:clamp(24px,5vw,90px);bottom:clamp(30px,4vw,68px);z-index:1;margin:0;max-width:calc(100% - 190px);text-align:left}
.hero.hero--film h1{font-size:clamp(46px,6vw,100px);line-height:.95;margin-bottom:24px}
.hero-film__toggle{position:absolute;z-index:2;right:24px;bottom:24px;min-height:44px;padding:12px 16px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.55);color:#fff;font:12px var(--sans);cursor:pointer}
.hero-film__toggle[hidden]{display:none}
.hero-film__toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){
  .hero.hero--film{aspect-ratio:auto;background:#f3f0ea}
  .hero-film__media{position:relative;width:100%}
  .hero-film__media::after{background:linear-gradient(0deg,rgba(0,0,0,.24),transparent 35%)}
  .hero.hero--film .hero-copy{position:relative;left:auto;bottom:auto;max-width:none;margin:0;padding:28px 24px 34px;text-align:left}
  .hero.hero--film h1{font-size:clamp(40px,11vw,64px);color:#171614;margin-bottom:22px}
  .hero.hero--film .eyebrow{color:#625d55;font-size:11px;line-height:1.5}
  .hero.hero--film .outline-button{color:#171614;border-color:#171614}
  .hero-film__toggle{right:12px;bottom:12px;font-size:11px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.hero-film__video{transition:none}}