/* Cinematic hero: full-bleed video with the title over it. Loaded by cinematic.html after styles.css. */
.hero--cinematic{display:flex;align-items:flex-end;position:relative;overflow:hidden;background:var(--ink);min-height:calc(100vh - var(--nav-h))}
.hero--cinematic .hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero--cinematic .hero__shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(23,19,15,0.72) 0%,rgba(23,19,15,0.45) 40%,rgba(23,19,15,0.05) 75%),
  linear-gradient(180deg,rgba(23,19,15,0.25) 0%,rgba(23,19,15,0.3) 45%,rgba(23,19,15,0.92) 100%)}
.hero--cinematic .hero__text{position:relative;max-width:900px;gap:24px;padding:clamp(64px,9vw,140px) var(--pad-x) clamp(56px,7vw,96px)}
.hero--cinematic .hero__title{color:var(--cream);font-size:clamp(56px,8vw,132px);text-shadow:0 2px 24px rgba(23,19,15,0.35)}
.hero--cinematic .hero__title em{color:var(--gold)}
.hero--cinematic .hero__lede{color:rgba(244,237,225,0.9)}
.hero--cinematic .hero__meta{color:rgba(244,237,225,0.72)}
.btn--light{color:var(--ink);background:var(--cream)}
.btn--light:hover{background:var(--gold);color:var(--ink)}
.btn--outline-light{color:var(--cream);border:1px solid rgba(244,237,225,0.6);padding:15px 30px}
.btn--outline-light:hover{background:var(--cream);color:var(--ink)}
@media (max-width:860px){
  .hero--cinematic{min-height:calc(100svh - var(--nav-h))}
  .hero--cinematic .hero__shade{background:linear-gradient(180deg,rgba(23,19,15,0.3) 0%,rgba(23,19,15,0.35) 35%,rgba(23,19,15,0.94) 100%)}
  .hero--cinematic .hero__text{padding:140px var(--pad-x) 48px}
}