/* =====================================================================
   INNER PAGES (About, Site requirements, Contact, Privacy, Terms)
   Each page now opens like the Home page: one big real photo in a
   rounded window that opens to full screen as you scroll (the "Cinema
   hero" in site.css 13a). These few lines fit our page text into it.
   ===================================================================== */
.cine-copy .actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}
.cine-copy .ghost{color:#fff}
.cine-copy .dates{margin-top:22px;font-size:14px;font-weight:600;color:rgba(255,255,255,.72)}
.cine-copy .dates b{color:var(--amber)}
.cine-copy h1{max-width:15ch}
/* legal pages: a shorter opener so the reader reaches the text sooner */
.cine.short{height:118vh}
.cine.short .cine-copy h1{font-size:clamp(40px,5.4vw,88px)}
@media (max-width:860px){.cine{height:100vh;height:100svh}.cine-copy h1{max-width:none}}
.cine-copy h1 .ln{display:block}
/* phones: the words sit over the busy part of the photo, so darken it more */
@media (max-width:860px){.cine-media::after{background:linear-gradient(0deg,rgba(20,12,6,.9) 0%,rgba(20,12,6,.62) 55%,rgba(20,12,6,.3) 100%)}}