:root { --ink:#141414; --paper:#f1efe8; --acid:#b517ff; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
main { min-height:100svh; padding:clamp(20px,5vw,64px); }
.hero,footer { width:min(100%,720px); margin-inline:auto; }
.eyebrow,footer { font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { margin:0 0 18px; }
h1 { margin:0; font-size:clamp(76px,24vw,176px); font-weight:900; letter-spacing:-.09em; line-height:.72; }
nav { margin-top:58px; border-top:2px solid var(--ink); }
nav a { display:grid; grid-template-columns:38px 1fr auto; align-items:center; min-height:66px; border-bottom:2px solid var(--ink); color:inherit; font-size:clamp(21px,5vw,31px); font-weight:800; text-decoration:none; transition:padding .18s ease,background .18s ease; }
nav a span { font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace; }
nav a b { font-weight:400; }
nav a:hover,nav a:focus-visible { background:var(--acid); padding-inline:12px; outline:none; }
.release { margin-top:58px; }
.tickets { margin-top:42px; }
h2 { margin:0 0 20px; font-size:clamp(30px,7vw,52px); letter-spacing:-.05em; }
.release iframe { display:block; border:0; border-radius:12px; }
.ticket-soon { margin:0; padding:20px; border:2px dashed var(--ink); background:var(--acid); font-size:clamp(20px,5vw,28px); font-weight:900; text-align:center; text-transform:uppercase; }
footer { margin-top:55px; margin-bottom:5px; opacity:.65; }
@media (prefers-reduced-motion:reduce) { nav a { transition:none; } }