:root{--bg:#060608;--ink:#f6f6f8;--mut:#9b9ca8;--chip:#17171d;--mag:#d12cf5;--line:#2a2a33}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:1.0625rem;line-height:1.55;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
a{color:inherit}button{font:inherit}
:focus-visible{outline:3px solid var(--mag);outline-offset:3px}
.d{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;line-height:.95}
.w{max-width:84rem;margin:0 auto;padding:0 1.25rem}
.top{position:sticky;top:0;z-index:20;background:rgba(6,6,8,.94);padding:calc(.8rem + env(safe-area-inset-top,0px)) 0 .8rem}
.top .w{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{font-size:1.8rem;text-decoration:none}
nav{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
nav a{padding:.45rem 1rem;border-radius:99px;text-decoration:none;font-weight:600;font-size:.92rem}
nav a:hover{background:var(--chip)}
nav a[aria-current]{background:#fff;color:#000}
nav a.sub{background:var(--mag);color:#fff}
nav a.sub[aria-current]{background:#fff;color:#000}
.chip{display:inline-block;background:var(--mag);color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem}
.brk{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:center;border-block:1px solid #fff;padding:1rem 0;margin-top:1rem;text-decoration:none}
.brk b{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1}
.brk p{grid-column:2;margin:0;color:var(--mut);font-size:.92rem;max-width:44rem}
.big{font-size:clamp(4.4rem,16vw,12rem);margin:2.2rem 0 1rem;letter-spacing:.005em}
.hand{font-family:"Permanent Marker",cursive;color:var(--mag);text-transform:none;font-size:.4em;display:block;transform:rotate(-3deg);margin:-.2em 0 .3em;letter-spacing:0}
.lede{color:var(--mut);max-width:34rem;margin:0 0 1.6rem}
.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .5rem;margin-bottom:.7rem}
.ctl span{font-size:.7rem;letter-spacing:.12em;color:var(--mut);text-transform:uppercase;font-weight:700;margin-right:.3rem}
.ctl span:not(:first-child){margin-left:1rem}
.ctl button{background:var(--chip);color:var(--ink);border:0;border-radius:99px;padding:.35rem .9rem;font-size:.88rem;font-weight:600;cursor:pointer}
.ctl button[aria-pressed=true]{background:var(--mag);color:#fff}
.grid{columns:4 15rem;column-gap:1rem;margin-top:1.6rem}
.card{position:relative;display:block;break-inside:avoid;margin:0 0 1rem;border-radius:.7rem;overflow:hidden;color:#fff;text-decoration:none;background:#1a1a22;animation:in .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*50ms)}
@keyframes in{from{opacity:0;transform:translateY(1rem)}}
.art{position:relative;overflow:hidden;background:var(--c1)}
.card:nth-child(4n+1) .art{height:25rem}.card:nth-child(4n+2) .art{height:19rem}.card:nth-child(4n+3) .art{height:23rem}.card:nth-child(4n) .art{height:21rem}
.paint{position:absolute;left:-10%;top:12%;width:55%;height:32%;background:var(--mag);transform:rotate(-6deg)}
.scr{position:absolute;left:-3%;top:2%;right:-12%;font-family:"Permanent Marker",cursive;color:#111;font-size:3.7rem;line-height:.95;text-transform:uppercase;transform:rotate(-5deg);overflow:hidden;word-break:break-word}
.fig{position:absolute;left:50%;bottom:-4%;width:76%;transform:translateX(-50%)}
.fig i{display:block;margin:0 auto;border:5px solid #fff;background:linear-gradient(#8d8d94,#44444b)}
.fig i:first-child{width:46%;aspect-ratio:1;border-radius:50%}
.fig i:last-child{width:100%;height:9rem;margin-top:-.6rem;border-radius:46% 46% 0 0}
.cap{position:absolute;inset:auto 0 0 0;padding:3rem 1rem 1rem;background:linear-gradient(transparent,rgba(6,6,8,.92) 60%)}
.cap h3{margin:0 0 .35rem;font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:1.6rem;line-height:1}
.cap small{display:block;color:#c9cad3;font-size:.78rem}
.cap .st{margin-top:.45rem;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem}
.bd{background:var(--mag);border-radius:99px;padding:.1rem .55rem;font-size:.74rem}
.tg,.vt{position:absolute;top:.8rem;background:rgba(20,20,26,.72);border-radius:99px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem}
.tg{left:.8rem;border:1px solid #fff}
.vt{right:.8rem;border:0;cursor:pointer}
.vt[aria-pressed=true]{background:var(--mag)}
.wire{list-style:none;margin:2rem 0 0;padding:0;max-width:46rem}
.wire li{display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.av{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--mag);display:grid;place-items:center;font-weight:800}
.wire small{display:block;color:var(--mut);margin-top:.25rem}.wire small a{color:var(--mut)}
.mast{display:flex;justify-content:space-between;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);border-bottom:2px solid #fff;padding-bottom:.6rem;margin:2rem 0 1.4rem}
.mast b{font-family:Anton,sans-serif;font-weight:400;font-size:1.5rem;color:#fff;letter-spacing:.02em}
.art-in{max-width:46rem}
.art-in h1{font-size:clamp(2.8rem,9vw,5.8rem);margin:1rem 0}
.deck{font-size:1.3rem;color:#dcdce4;margin:0 0 1rem}
.by{color:var(--mut);font-size:.92rem;margin:0 0 1.8rem}
.body p{font-size:1.12rem;line-height:1.7;margin:0 0 1.15rem}
.body h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:2rem;margin:2rem 0 .7rem}
.note{background:var(--chip);border-left:4px solid var(--mag);padding:.8rem 1rem;font-size:.95rem;margin:0 0 1.6rem}
.src{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;color:var(--mut);font-size:.95rem}
.src a{color:var(--mag)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.6rem}
.tile{border-radius:.7rem;padding:1.4rem;min-height:14rem;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#111;background:var(--c1)}
.tile b{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:2.6rem;line-height:1}
.dig{max-width:32rem}
.dig label{display:block;font-size:.85rem;font-weight:700;margin:1.1rem 0 .4rem}
.dig input[type=email]{width:100%;background:var(--chip);color:#fff;border:1px solid var(--line);border-radius:99px;padding:.8rem 1.1rem;font:inherit}
.dig .rad{display:flex;gap:1.4rem;margin:1rem 0}
.dig .go{background:var(--mag);color:#fff;border:0;border-radius:99px;padding:.8rem 1.5rem;font-weight:800;cursor:pointer}
.dig .go:disabled{opacity:.5;cursor:not-allowed}
footer{margin-top:4rem;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
footer p{max-width:46rem;margin:.3rem 0}
@media (max-width:40rem){.scr{font-size:2.8rem}}
@media (prefers-reduced-motion:reduce){.card{animation:none}}

.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
ol{padding-left:1.2rem}.src li{margin:.3rem 0}