@font-face{font-family:Head;src:url(/fonts/head.ttf);font-display:swap}
@font-face{font-family:Sans;src:url(/fonts/sans.ttf);font-display:swap}
@font-face{font-family:Serif;src:url(/fonts/serif-italic.ttf);font-display:swap}
:root{color-scheme:dark;--ink:#12101C;--card:#1C1929;--line:#2C2840;--text:#F2EEF8;--soft:#B8B1C9;--muted:#8E86A3;--amber:#FFC46B;--rose:#FF8FB1}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;min-height:100vh;background:radial-gradient(120% 900px at 50% 0%,#221d36 0%,var(--ink) 60%) no-repeat var(--ink);color:var(--text);font:17px/1.55 Sans,system-ui,-apple-system,sans-serif}
.hero{max-width:720px;margin:0 auto;padding:max(64px,env(safe-area-inset-top)) 16px 48px;text-align:center}
.mark{width:140px;height:auto;filter:drop-shadow(0 18px 40px #ffc46b22)}
h1{font:600 clamp(44px,11vw,76px)/.98 Head,system-ui,sans-serif;letter-spacing:-.01em;margin:20px 0 16px}
.lead{color:var(--soft);font-size:clamp(17px,4.4vw,20px);max-width:30em;margin:0 auto 28px}
.facts{list-style:none;padding:0;margin:0 auto 32px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.facts li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;font-size:15px;color:var(--soft)}
.soon{display:inline-block;margin:0;padding:14px 26px;border-radius:999px;background:var(--text);color:var(--ink);font-weight:600}
.posters{max-width:1080px;margin:0 auto;padding:56px 16px;text-align:center}
.posters h2{font:400 clamp(30px,7vw,44px)/1.1 Serif,Georgia,serif;margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 28px}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.row img{width:100%;height:auto;border-radius:6px;box-shadow:0 24px 60px #0008}
footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:40px 16px max(48px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:15px}
a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}
.card{max-width:520px;margin:0 auto;padding:max(80px,env(safe-area-inset-top)) 16px 64px;text-align:center}
.card h1{font-size:clamp(36px,9vw,52px)}
@media (max-width:640px){.row{grid-template-columns:1fr 1fr}.row img:last-child{display:none}}