/* Cinema: the home page plays as five reels. Full-bleed photographs under a navy grade,
   film-strip perforations between scenes, copy set on dark panels. */
.top{background:var(--navy);position:relative;z-index:3}
.top nav a{color:var(--on-navy)}
.photo{position:relative;background-color:var(--photo-tone,var(--navy));background-image:
  linear-gradient(90deg,rgba(12,28,49,.94) 0%,rgba(12,28,49,.74) 45%,rgba(12,28,49,.32) 100%),var(--photo);
  background-size:cover;background-position:center;color:var(--on-navy)}
.photo.right{background-image:linear-gradient(270deg,rgba(12,28,49,.94) 0%,rgba(12,28,49,.74) 45%,rgba(12,28,49,.32) 100%),var(--photo)}
.photo h1,.photo h2{color:var(--on-navy)}
.photo .eyebrow{color:var(--brass-lt)}
.photo p{color:var(--on-navy-2)}
.hero .wrap{padding-block:clamp(110px,16vw,190px) clamp(90px,12vw,140px)}
.hero h1{font-size:clamp(42px,6.6vw,80px);line-height:1.06;max-width:12ch}
.hero-sub{font-size:20px;max-width:46ch}
.actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.reel-label{position:absolute;right:var(--gut);bottom:18px;font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-lt)}
.chapter .wrap{padding-block:clamp(90px,13vw,160px);display:flex}
.chapter.right .wrap{justify-content:flex-end}
.panel{max-width:520px;min-width:0}
.panel h2{font-size:clamp(30px,4vw,46px)}
.panel p{font-size:18px}
.panel .more{color:var(--brass-lt);border-color:var(--brass)}
.strip{height:28px;background-color:#05101F;background-image:repeating-linear-gradient(90deg,transparent 0 16px,rgba(244,241,234,.85) 16px 28px,transparent 28px 40px);background-size:100% 9px;background-position:center;background-repeat:no-repeat}
.protect{background:var(--navy);color:var(--on-navy)}
.protect h2{color:var(--on-navy)}
.protect .eyebrow{color:var(--brass-lt)}
.protect .lead{color:var(--on-navy-2)}
.closing{background:var(--vellum)}
.pagehead.photo .wrap{padding-block:clamp(80px,11vw,130px)}
.credits{font-size:12px;color:#8C96A3}
@media (max-width:820px){
  .photo,.photo.right{background-image:linear-gradient(180deg,rgba(12,28,49,.72) 0%,rgba(12,28,49,.92) 70%),var(--photo)}
  .chapter.right .wrap{justify-content:flex-start}
}

/* photo sources (generated) */
[data-photo="projector"]{--photo:url("https://images.unsplash.com/photo-1478720568477-152d9b164e26?auto=format&fit=crop&w=2000&q=70")}
[data-photo="empty"]{--photo:url("https://images.unsplash.com/photo-1760170437237-a3654545ab4c?auto=format&fit=crop&w=2000&q=70")}
[data-photo="marquee"]{--photo:url("https://images.unsplash.com/photo-1631805249874-3f546d176de4?auto=format&fit=crop&w=2000&q=70")}
[data-photo="audience"]{--photo:url("https://images.unsplash.com/photo-1485095329183-d0797cdc5676?auto=format&fit=crop&w=2000&q=70")}
[data-photo="seat"]{--photo:url("https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=2000&q=70")}
[data-photo="bulbs"]{--photo:url("https://images.unsplash.com/photo-1785462099347-57a087a8c029?auto=format&fit=crop&w=2000&q=70")}
[data-photo="chairs"]{--photo:url("https://images.unsplash.com/photo-1526045004414-3e7ed02f9ca1?auto=format&fit=crop&w=2000&q=70")}