body.cinema { --bg:#230e17; --panel:#381723; --line:#875563; --ink:#fff0df; --muted:#e8c1bf; --accent:#f3ce91; --on-accent:#2c1420; --radius:8px; --display:Georgia,serif; }
.cinema .site-header { max-width:1040px; }
.cinema-hero { border:1px solid #b58660; background:radial-gradient(ellipse at 25% 50%,#632837,#2d101b 72%); max-width:1150px; margin:auto; }
.cinema-marquee,.cinema-ticket { display:flex; justify-content:space-between; align-items:center; gap:6px; padding:14px 20px; font:700 11px var(--mono); letter-spacing:.11em; }
.cinema-marquee { border-bottom:2px dotted #b58660; color:var(--accent); }
.cinema-ticket { background:#f3ce91; color:#321a1e; border-top:2px dashed #693b39; }
.cinema-feature { display:grid; grid-template-columns:minmax(140px,270px) minmax(0,1fr); gap:clamp(22px,6vw,90px); align-items:center; padding:clamp(20px,5vw,65px); }
.cinema-feature .poster { outline:1px solid #d7ab7e; outline-offset:7px; box-shadow:0 14px 35px #13050abf; }
.cinema-feature .poster:focus-visible { outline:3px solid var(--accent); }
.cinema-feature .wordmark { font-size:clamp(68px,13vw,180px); font-weight:700; }
.cinema-body { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; }
@media(max-width:720px){.cinema-feature{grid-template-columns:minmax(80px,115px) 1fr;gap:17px;padding:18px 12px}.cinema-feature .poster{outline-offset:2px}.cinema-feature .wordmark{font-size:clamp(43px,12vw,92px)}.cinema-feature h1{font-size:clamp(17px,4.7vw,26px)}.cinema-body{grid-template-columns:1fr}.cinema-marquee,.cinema-ticket{padding:8px;font-size:8px}.cinema-marquee .kicker{font-size:9px}.cinema-feature .button{padding:7px;font-size:12px}}