/* Keep a comfortable inset from the decorative frame without obscuring the film. */
body[data-page="index"] .cinema-hero{--hero-edge:clamp(44px,4vw,80px)}
body[data-page="index"] .hero-inner{padding-inline:var(--hero-edge);justify-content:flex-start}
body[data-page="index"] .hero-copy{margin-inline:0;text-align:left}
@media(min-width:901px){
  body[data-page="index"] .cinema-frame{left:18px;right:18px}
  body[data-page="index"] .hero-copy{width:780px;max-width:64vw}
  body[data-page="index"] .hero-copy h1{font-size:clamp(76px,7vw,126px);line-height:.98;letter-spacing:-.015em;margin-bottom:28px}
  body[data-page="index"] .hero-copy>p:not(.eyebrow){max-width:680px;font-size:clamp(17px,1.2vw,21px);line-height:1.72;margin-bottom:28px}
  body[data-page="index"] .hero-copy .eyebrow{margin-bottom:28px}
  body[data-page="index"] .hero-facts{max-width:630px;width:100%;margin-top:30px}
  body[data-page="index"] .hero-facts>div{padding:14px 18px}
  body[data-page="index"] .hero-facts>div:first-child{padding-left:0}
  body[data-page="index"] .hero-facts b{font-size:31px}
  body[data-page="index"] .cinema-bottom{padding-inline:var(--hero-edge)}
  body[data-page="index"] .hero-feature{right:clamp(24px,2vw,40px)}
  body[data-page="index"] .cinema-shade{background:linear-gradient(90deg,rgba(5,19,31,.86),rgba(5,19,31,.63) 30%,rgba(5,19,31,.14) 61%,rgba(5,19,31,.04)),linear-gradient(0deg,rgba(5,19,31,.45),transparent 55%)}
}
@media(max-width:900px){
  body[data-page="index"] .cinema-hero{--hero-edge:44px}
  body[data-page="index"] .hero-copy{max-width:100%}
}
@media(max-width:600px){
  body[data-page="index"] .cinema-hero{--hero-edge:28px}
  body[data-page="index"] .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}
}