:root{--paper:#F2EEE6;--card:#FBF8F2;--ink:#161513;--soft:#55514A;--muted:#8C877C;--sig:#FFD23F;--live:#FF4B26;--inset:#E6E0D3}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-size:17px;line-height:1.55}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
nav.wrap{display:flex;align-items:center;gap:12px;height:76px}
nav img{width:40px;height:40px;border-radius:11px;border:2px solid var(--ink);display:block}
nav b{font-family:'Archivo',sans-serif;font-stretch:125%;font-weight:900;letter-spacing:.06em;font-size:20px}
nav .sp{flex:1}
nav .l{font-weight:700;text-decoration:none;margin-left:16px}
.shout{font-stretch:125%;font-weight:900;letter-spacing:-.01em;line-height:.98}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:30px 20px 60px}
.hero h1{font-size:clamp(40px,7vw,76px);margin:14px 0 18px}
.hero p{font-size:19px;color:var(--soft);max-width:520px}
.sticker{display:inline-block;background:var(--ink);color:var(--sig);font-stretch:125%;font-weight:900;font-size:13px;letter-spacing:.08em;padding:6px 10px;border-radius:7px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--live)}
.cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:var(--sig);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;padding:16px 22px;font-stretch:125%;font-weight:900;text-decoration:none;letter-spacing:.03em;transition:transform .12s,box-shadow .12s}
.cta:active,.cta:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.poster{position:relative;aspect-ratio:1;background:var(--sig);border:2px solid var(--ink);border-radius:30px;box-shadow:7px 7px 0 var(--ink);overflow:hidden;background-image:radial-gradient(circle,rgba(22,21,19,.22) 2.6px,transparent 3px);background-size:14px 14px}
.poster .btn{position:absolute;inset:22%;border-radius:50%;background:var(--live);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);display:grid;place-items:center;color:#fff;font-stretch:125%;font-weight:900;font-size:clamp(16px,2.4vw,24px);letter-spacing:.05em}
.poster .tag{position:absolute;left:8%;top:8%;background:var(--card);border:2px solid var(--ink);border-radius:8px;padding:6px 10px;font-stretch:125%;font-weight:900;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--ink)}
.poster .tag2{left:auto;top:auto;right:7%;bottom:9%;transform:rotate(5deg)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:60px}
.card{background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);padding:22px}
.card h3{margin:0 0 8px;font-stretch:125%;font-weight:900;font-size:19px}
.card p{margin:0;color:var(--soft);font-size:15.5px}
.band{background:var(--ink);color:var(--paper);padding:56px 0}
.band h2{font-size:clamp(28px,4.4vw,44px);margin:0 0 14px}
.band p{color:#C6BFB2;max-width:640px}
.doc{padding:20px 20px 70px}
.doc h1{font-stretch:125%;font-weight:900;font-size:clamp(32px,5vw,48px);margin:8px 0}
.doc h2{font-stretch:125%;font-weight:900;font-size:21px;margin:30px 0 8px}
.eb{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--soft)}
.meta{color:var(--muted)}
table{border-collapse:collapse;width:100%;background:var(--card);border:2px solid var(--ink);border-radius:14px;overflow:hidden;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1.5px solid var(--inset);vertical-align:top}
th{background:var(--sig)}
footer.wrap{padding:30px 20px 50px;color:var(--soft);font-size:14px;border-top:2px solid var(--ink)}
footer a{margin-right:18px;font-weight:700}
@media(max-width:760px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}