:root{--ink:#1b1d1e;--pink:#c9156a;--yellow:#ffd43b}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:#fff;font-family:Hanken Grotesk,system-ui,sans-serif}body{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;overflow-x:hidden}::selection{background:var(--yellow);color:var(--ink)}.stage{position:relative;height:100dvh;overflow:clip}.photo{position:absolute;right:0;top:0;width:700px;height:100%;object-fit:cover;object-position:40% 30%;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 60%),linear-gradient(to top,transparent 0,#000 35%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 60%),linear-gradient(to top,transparent 0,#000 35%);mask-composite:intersect}.ticker{position:absolute;top:118px;left:0;right:0;overflow:hidden;z-index:1;white-space:nowrap;font:400 13px IBM Plex Mono,monospace;letter-spacing:.06em;color:#ffffff40}.track{display:inline-flex;width:max-content;animation:tick 40s linear infinite}.track span{white-space:pre}@keyframes tick{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.track{animation-duration:80s}.card,.arrow{transition-duration:.36s}}.kicker,h1,.sub,.cards,.foot{position:absolute;z-index:2;margin:0}.kicker{left:96px;top:56px;font:400 13px IBM Plex Mono,monospace;letter-spacing:.14em;color:var(--yellow)}h1{left:96px;top:180px;font:800 140px/.9 Bricolage Grotesque,sans-serif;letter-spacing:-.04em}.dot{color:var(--yellow)}.sub{left:96px;top:460px;font:500 26px/1.25 Bricolage Grotesque,sans-serif}.sub strong{color:var(--yellow);font-weight:800}.cards{left:96px;top:600px;display:flex;gap:48px}.card{position:relative;display:flex;align-items:center;justify-content:center;width:400px;height:160px;background:#fdfdfd;color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:12px 12px 0 var(--pink);text-decoration:none;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.name{font:800 46px/1 Bricolage Grotesque,sans-serif}.arrow{position:absolute;right:18px;bottom:10px;font:700 30px/1 Bricolage Grotesque,sans-serif;opacity:0;transform:translate(-10px);transition:opacity .18s ease,transform .18s ease}.sticker{position:absolute;top:-18px;right:-26px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:6px 14px;font:500 14px IBM Plex Mono,monospace;letter-spacing:.12em;white-space:nowrap;transform:rotate(6deg);box-shadow:4px 4px 0 var(--ink);transition:background-color .18s ease}@media(min-width:861px){.card:hover{transform:translate(-4px,-4px) rotate(-1deg);box-shadow:18px 18px 0 var(--pink);background:var(--yellow)}.card:hover .arrow{opacity:1;transform:none}.card:hover .sticker{background:#fff}}.card:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.foot{left:96px;bottom:34px;display:flex;gap:28px;font:400 12px IBM Plex Mono,monospace}.foot a{color:#fff;text-decoration:none}.foot a:hover{color:var(--yellow)}@media(max-height:859px)and (min-width:861px){h1{top:120px;font-size:124px}.sub{top:372px;font-size:24px}.cards{top:500px}.kicker{top:40px}.ticker{top:92px}.foot{bottom:26px}}@media(max-width:1100px)and (min-width:861px){.photo{width:520px}.cards{gap:36px}.card{width:340px}}@media(max-width:860px){.stage{height:auto;min-height:max(100dvh,760px)}.photo{width:300px;height:400px;opacity:.45;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 60%),linear-gradient(to top,transparent 0,#000 40%)}.ticker{top:55px;font-size:11px}.kicker,h1,.sub,.cards,.foot{left:0;right:0;text-align:center}.kicker{top:20px;font-size:11px;letter-spacing:.1em}h1{top:140px;font-size:76px}.sub{top:293px;font-size:18px}.cards{top:400px;flex-direction:column;gap:56px;padding:0 30px}.card{width:100%;height:120px;box-shadow:9px 9px 0 var(--pink)}.name{font-size:36px}.arrow{display:none}.sticker{font-size:11px;padding:4px 10px;top:-16px;right:-8px}.card:active{transform:translate(-4px,-4px);background:var(--yellow)}.card:active .sticker{background:#fff}.foot{bottom:28px;justify-content:center;position:absolute}}