
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#08080a;color:#dcd8cf;font:17px/1.75 'Georgia','Times New Roman',serif}
img,svg{max-width:100%}a{color:#d9a72a}
.bar{max-width:1120px;margin:0 auto;padding:0 26px}
.top{position:sticky;top:0;z-index:20;background:rgba(8,8,10,.9);backdrop-filter:blur(8px);border-bottom:1px solid #201f1c}
.top .bar{display:flex;align-items:center;gap:20px;height:64px}
.wm{font-size:20px;letter-spacing:.02em;color:#f2eee2;text-decoration:none}.wm i{color:#d9a72a;font-style:normal}
.tnav{margin-left:auto;display:flex;gap:24px;font:600 13px/1 system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.tnav a{color:#8f8b80;text-decoration:none}.tnav a:hover{color:#d9a72a}
.hero{position:relative;text-align:center;padding:96px 26px 84px;border-bottom:1px solid #1a1a17;overflow:hidden;
 background:radial-gradient(80% 60% at 50% 40%,#1c1a12 0%,#0b0b0d 60%,#08080a 100%)}
.hero .star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;pointer-events:none}
.hero .k{position:relative;font:600 12px/1 system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#d9a72a;margin-bottom:20px}
.hero h1{position:relative;font-size:clamp(38px,7vw,74px);line-height:1;margin:0 0 20px;letter-spacing:.01em;color:#f4f0e4;font-weight:400}
.hero p{position:relative;font-size:20px;color:#b8b3a6;max-width:620px;margin:0 auto 28px;font-style:italic}
.btn{position:relative;display:inline-block;border:1px solid #d9a72a;color:#d9a72a;text-decoration:none;font:600 13px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:15px 30px;margin:4px}
.btn:hover{background:#d9a72a;color:#0b0b0d}
.band{border-bottom:1px solid #1a1a17;padding:70px 0}
.band.center{text-align:center}
.band h2{font-size:30px;color:#f2eee2;font-weight:400;margin:0 0 12px;letter-spacing:.01em}
.band .d{color:#8f8b80;font-style:italic;max-width:640px;margin:0 auto 30px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.poster{aspect-ratio:2/3;border:1px solid #33301f;border-radius:4px;background:linear-gradient(160deg,#14140f,#0b0b0d);display:grid;place-items:center;padding:24px;text-align:center}
.poster .t{color:#d9a72a;font-size:26px;letter-spacing:.02em;margin-top:16px}.poster .y{color:#7a766c;font:600 12px/1 system-ui,sans-serif;letter-spacing:.2em;margin-top:8px}
.credits{list-style:none;padding:0;margin:0;border-top:1px solid #201f1c}
.credits li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #201f1c;font-family:system-ui,sans-serif;font-size:15px}
.credits .lab{width:130px;color:#8f8b80;flex:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding-top:2px}
.credits .val{color:#e4e0d6}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.til{border:1px solid #201f1c;padding:24px;text-decoration:none;display:block;background:#0c0c0e}
.til:hover{border-color:#d9a72a}.til h3{color:#f2eee2;font-weight:400;margin:0 0 6px;font-size:20px}.til p{color:#8f8b80;font-family:system-ui,sans-serif;font-size:14px;margin:0}
.prose{max-width:720px;margin:0 auto}
.prose p{margin:0 0 18px;color:#cdc8bc}.prose h2{font-size:26px;color:#f2eee2;font-weight:400;margin:34px 0 12px}
.prose ul{color:#cdc8bc}.prose li{margin:8px 0}
.article{max-width:760px;margin:0 auto;padding:60px 26px}
.article .k{color:#d9a72a;font:600 12px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.article h1{font-size:clamp(30px,5vw,48px);font-weight:400;color:#f4f0e4;margin:0 0 20px;letter-spacing:.01em}
.faq{max-width:760px;margin:0 auto}
.faq details{border-bottom:1px solid #201f1c}
.faq summary{cursor:pointer;font-size:19px;color:#f2eee2;padding:18px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"—";color:#d9a72a;margin-right:14px}
.faq details div{padding:0 0 18px;color:#a8a396;font-family:system-ui,sans-serif;font-size:16px;line-height:1.7}
.rel{max-width:760px;margin:0 auto;padding:24px 26px 0;border-top:1px solid #201f1c;font:600 14px/1.9 system-ui,sans-serif}
.rel b{display:block;color:#8f8b80;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:8px}.rel a{margin-right:20px;text-decoration:none}
.foot{border-top:1px solid #201f1c;color:#7a766c;font-family:system-ui,sans-serif;font-size:14px}
.foot .bar{padding:40px 26px}.foot nav{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:12px}.foot a{color:#a8a396;text-decoration:none}
@media(max-width:820px){.split,.tiles{grid-template-columns:1fr}.tnav{display:none}}
