:root { --gold:#d4a84b; --warm:#f3e6c8; --text:#eef2ff; --muted:#aab6d4; --ink:#07070a; }
* { box-sizing:border-box; }
html, body { margin:0; background:var(--ink); color:var(--text); font-family:system-ui,-apple-system,sans-serif; }
a { color:var(--gold); }
.cinema { position:relative; min-height:100dvh; background:#000; }
.poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.scrim { position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.45) 52%, rgba(0,0,0,.2) 100%),
              linear-gradient(transparent 20%, rgba(0,0,0,.92) 100%); }
.sheet { position:relative; z-index:2; max-width:720px; padding:max(22px,env(safe-area-inset-top)) 22px 64px; }
.brand { color:#fff; text-decoration:none; font-weight:700; }
.brand em { color:var(--gold); font-style:normal; }
nav { margin-top:14px; display:flex; flex-wrap:wrap; gap:14px; }
nav a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; }
.eyebrow { margin:28px 0 8px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-size:11px; font-weight:700; }
h1 { font-family:Georgia,serif; font-weight:500; color:var(--warm); font-size:clamp(2.2rem,7vw,3.5rem); line-height:1.05; margin:0 0 12px; }
h1 em { color:var(--gold); font-style:italic; }
.lead { max-width:36em; line-height:1.5; color:rgba(238,242,255,.92); }
ol { list-style:none; padding:0; margin:22px 0 8px; }
li { display:grid; grid-template-columns:2.2rem 1fr; gap:10px; margin:0 0 14px; font-family:Georgia,serif; font-size:clamp(1.15rem,2.6vw,1.35rem); line-height:1.35; color:var(--warm); }
li span { color:var(--gold); font-family:system-ui,sans-serif; font-size:13px; font-weight:800; padding-top:.35em; }
.near { margin-top:28px; }
.near p { color:var(--muted); font-size:13px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.near a { display:inline-block; margin:0 14px 10px 0; font-weight:700; text-decoration:none; }