/* A photographic film opening, scoped to option C. */
.hero.hero-film{height:100svh;min-height:620px;max-height:none;background:#182522;display:grid;place-items:center}
.film-picture,.film-video,.film-scrim{position:absolute;inset:0;width:100%;height:100%}
.film-picture{z-index:-3}
.film-picture img{width:100%;height:100%;object-fit:cover}
.film-video{z-index:-2;object-fit:cover;opacity:0;transition:opacity .35s ease}
.hero-film.has-frame .film-video{opacity:1}
.film-scrim{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 78% 47% at 50% 50%,rgba(9,21,20,.60) 0%,rgba(9,21,20,.36) 55%,transparent 100%),linear-gradient(180deg,rgba(9,19,19,.70),transparent 25%,transparent 81%,rgba(9,19,19,.40))}
.hero-film .film-copy{width:calc(100% - var(--gutter)*2);max-width:1320px;text-align:center;padding:96px 0 70px}
.hero.hero-film h1{max-width:none;font-size:clamp(46px,5.05vw,86px);font-weight:500;line-height:1.13;letter-spacing:-.047em;text-wrap:balance;color:#fff}
.hero.hero-film h1 span{display:block;color:inherit}
.film-page .site-header:not(.scrolled){background:transparent;border-color:#ffffff2e}
.film-page .site-header:not(.scrolled) .header-cta{border-color:#ffffff80}
@media(min-aspect-ratio:2/1){.hero.hero-film{min-height:560px}.hero.hero-film h1{font-size:clamp(46px,4.8vw,82px)}}
@media(max-width:900px){.hero.hero-film h1{font-size:clamp(42px,6.8vw,64px)}.hero-film .film-copy{max-width:720px}}
@media(max-width:650px){
  .hero.hero-film{height:100svh;min-height:600px;max-height:none}
  .hero-film .film-copy{width:calc(100% - 44px);padding:70px 0 50px}
  .hero.hero-film h1{font-size:clamp(34px,10.1vw,48px);line-height:1.16;letter-spacing:-.048em}
  .hero.hero-film h1 span{display:inline}
  .film-scrim{background:radial-gradient(ellipse 110% 45% at 50% 49%,rgba(9,21,20,.64),rgba(9,21,20,.40) 63%,transparent 100%),linear-gradient(180deg,rgba(9,19,19,.72),transparent 23%,transparent 80%,rgba(9,19,19,.43))}
  .film-page .site-header{gap:18px;padding-inline:24px}
  .film-page .site-header .header-cta{display:flex;padding:10px 11px;font-size:11px;gap:14px}
  .film-page .site-header .menu-toggle{margin-left:0;min-height:44px;min-width:24px}
  .film-page .menu-label{display:none}
}
@media(max-width:380px){.film-page .site-header{gap:13px;padding-inline:20px}.film-page .wordmark{font-size:24px;gap:7px}.film-page .wordmark img{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.film-video{transition:none}}