@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,700;1,800;1,900&family=Barlow:wght@500;600;700&display=swap');

:root{color-scheme:dark;--bg:#080711;--white:#faf6ff;--muted:#bdb5ce;--pink:#ff26a6;--cyan:#28e7fb;--line:#342540;--display:"Barlow Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--white);background:radial-gradient(ellipse at 71% 22%,#211128 0,transparent 40%),var(--bg);font:500 1rem/1.55 "Barlow",system-ui,sans-serif}
a{color:inherit}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.bar{border-bottom:1px solid var(--line);background:#090812}
.mast{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font:900 italic 2rem/.9 var(--display);text-decoration:none;white-space:nowrap}
.brand span,.jump span{color:var(--cyan)}
.brand i{display:inline-block;width:19px;height:19px;margin-left:12px;transform:skew(-24deg);background:linear-gradient(90deg,var(--pink) 40%,transparent 40% 60%,var(--cyan) 60%)}
.jump{text-decoration:none;font-weight:700}.jump:hover{text-decoration:underline}.jump span{margin-left:.3em}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:center;gap:36px;padding-block:56px 52px;isolation:isolate}
.hero::after{content:"";position:absolute;z-index:-1;top:15px;right:0;width:55%;height:66%;background:radial-gradient(circle,var(--pink) 1.1px,transparent 1.9px) 0 0/8px 8px;mask-image:linear-gradient(225deg,#0008,transparent 42%);pointer-events:none}
.kicker{width:fit-content;margin:0 0 16px;padding:3px 14px;background:var(--cyan);color:#080711;font:800 italic 1rem/1.5 var(--display);letter-spacing:.12em;text-transform:uppercase;transform:skew(-9deg)}
h1,h2,p,blockquote{margin:0}
h1{font:900 italic clamp(4rem,8vw,7.5rem)/.84 var(--display);text-transform:uppercase;letter-spacing:-.025em}
h1 em{display:block;color:var(--pink);text-shadow:0 0 34px #ff26a64c}
blockquote{position:relative;max-width:480px;margin-top:24px;padding:13px 18px;border-left:3px solid var(--pink);background:linear-gradient(90deg,#261431,transparent);font-size:clamp(1rem,1.7vw,1.24rem)}
blockquote strong{color:var(--cyan)}
.launch{margin-top:28px;max-width:470px}
.launch h2,.section-line h2{font:800 italic 1.5rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.055em}
.timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.timer div{padding:9px 2px 10px;text-align:center;background:#141024;border-top:2px solid var(--cyan);border-bottom:1px solid var(--line)}
.timer div:nth-child(even){border-top-color:var(--pink)}
.timer b{display:block;font:900 italic clamp(2rem,5vw,3.5rem)/1 var(--display);font-variant-numeric:tabular-nums}
.timer span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.07em}
.date,#complete{margin-top:9px;color:var(--muted);font-size:.9rem}
.portrait{justify-self:center;width:min(100%,410px);padding:2px;background:linear-gradient(140deg,var(--cyan),transparent 37%,var(--pink));clip-path:polygon(8% 0,100% 0,100% 89%,89% 100%,0 100%,0 9%)}
.portrait img,.poster{display:block;width:100%;height:auto}
.portrait img{clip-path:polygon(8% 0,100% 0,100% 89%,89% 100%,0 100%,0 9%)}
.event{padding-bottom:44px}
.section-line{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:var(--cyan)}
.section-line::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,var(--cyan),var(--pink),transparent)}
.poster{max-width:760px;margin:auto;box-shadow:0 0 0 1px var(--line),0 24px 80px #0009}
.foot{border-top:1px solid var(--line);padding-block:20px 26px}.foot .brand{font-size:1.35rem}
@media(max-width:710px){.shell{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:23px;padding-block:27px 36px}.portrait{grid-row:1;width:min(100%,420px);aspect-ratio:1.52}.portrait img{height:100%;object-fit:cover;object-position:50% 26%}.mast{min-height:60px}.brand{font-size:1.65rem}.jump{font-size:.85rem}h1{font-size:clamp(3.65rem,14vw,6rem)}blockquote{margin-top:17px}.launch{margin-top:21px}}