@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-VF.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Rubik Spray Paint;src:url(/fonts/RubikSprayPaint-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.ttf)format("truetype");font-display:swap}:root{--bg:#16120e;--bg2:#221b14;--fg:#f4ead7;--muted:#a89c88;--accent:#ffc83d;--red:#e2412f;--orange:#e8892b;--pad:#efe7d5;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);background-image:radial-gradient(1200px 700px at 70% -10%,#ffc83d14,#0000 60%),radial-gradient(900px 600px at -10% 40%,#e2412f0f,#0000 60%);font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;line-height:1.5;overflow-x:hidden}body.locked{overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}.anton{text-transform:uppercase;letter-spacing:.01em;font-family:Anton,sans-serif;line-height:.92}.vt{letter-spacing:.04em;font-family:VT323,monospace}.spray{font-family:Rubik Spray Paint,sans-serif;line-height:1}.marker{font-family:Permanent Marker,cursive}.yellow{color:var(--accent)}.outline{color:#0000;-webkit-text-stroke:2px var(--accent)}.noise{z-index:90;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");animation:.8s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}to{transform:translate(0)}}#spray{z-index:80;pointer-events:none;position:fixed;inset:0}.chip{background:var(--accent);color:var(--bg);padding:6px 12px 3px;font-size:22px;line-height:1;display:inline-block}.chip--red{background:var(--red);color:var(--fg)}.tape{background:var(--accent);width:120vw;height:54px;color:var(--bg);z-index:3;align-items:center;display:flex;position:absolute;left:-10vw;overflow:hidden;box-shadow:0 10px 30px #0006}.tape__in{white-space:nowrap;letter-spacing:.06em;font-family:Anton,sans-serif;font-size:26px;animation:28s linear infinite marquee}.tape--a{top:9vh;transform:rotate(-4deg)}.tape--b{background:var(--fg);bottom:8vh;transform:rotate(3deg)}.tape--b .tape__in{animation-direction:reverse}.tape--divider{margin:40px 0 90px;position:relative;left:-10vw;transform:rotate(-2deg)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pad{color:var(--bg);background:linear-gradient(#f6efde,#ddd3bd);border-radius:18px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative;box-shadow:0 10px #a2977f,0 22px 40px #00000080,inset 0 0 0 2px #0000000f}.pad:active,.pad.hit{transform:translateY(8px);box-shadow:0 2px #a2977f,0 8px 18px #00000080}.pad__glow{border-radius:inherit;opacity:0;background:radial-gradient(circle,#ffe08a 0%,#ff9a2e 55%,#d2392a 100%);transition:opacity .35s;position:absolute;inset:0}.pad:hover .pad__glow{opacity:.35}.pad.hit .pad__glow{opacity:1;transition:none}.pad__label{font-size:34px;position:relative}.pad--big{width:190px;height:190px;margin:36px auto 18px}.pad--big .pad__glow{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.15}50%{opacity:.75}}.gate{z-index:70;text-align:center;background:radial-gradient(70% 60% at 50% 45%, #33271b 0%, var(--bg) 70%), var(--bg);transition:clip-path .9s var(--ease);clip-path:inset(0);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gate.gone{clip-path:inset(0 0 100%);pointer-events:none}.gate__ghost{color:var(--fg);opacity:.04;-webkit-user-select:none;user-select:none;font-family:Anton,sans-serif;font-size:78vh;line-height:1;position:absolute}.gate__inner{z-index:4;padding:20px;position:relative}.gate__kicker{color:var(--muted);font-size:24px}.gate__title{flex-direction:column;align-items:center;margin-top:6px;display:flex}.gate__title .spray{color:var(--accent);text-shadow:6px 6px #0c0a08;font-size:clamp(110px,22vw,260px)}.gate__sub{margin-top:-6px;font-size:clamp(30px,5vw,56px)}.gate__sticker{background:var(--red);color:var(--fg);padding:6px 18px;font-size:34px;position:absolute;top:9%;right:-9%;transform:rotate(12deg);box-shadow:0 8px 20px #00000080}.gate__hint{color:var(--muted)}.drip{position:relative}.soundwall{z-index:20;text-align:center;background:radial-gradient(70% 60% at 50% 45%, #33271b 0%, var(--bg) 70%), var(--bg);transition:clip-path .8s var(--ease), visibility .8s;clip-path:inset(0);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.soundwall.gone{clip-path:inset(0 0 100%);visibility:hidden;pointer-events:none}.sw-inner{z-index:4;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative}.sw-title{white-space:nowrap;color:var(--accent);text-shadow:6px 6px #0c0a08;margin-top:6px;font-size:min(11vw,18vh,190px);line-height:1}.sw-sticker{top:-4%;right:-9%}.sw-pad__label{flex-direction:column;align-items:center;gap:2px;display:flex}.sw-pad__icon{font-size:44px;line-height:1}.soundwall.on .sw-pad .pad__glow{opacity:1;animation:none}@media (height<=760px){.sw-pad__icon{font-size:34px}}@media (width<=720px){.sw-title{white-space:normal;font-size:min(21vw,12.5vh);line-height:.95}.sw-title span{display:block}.sw-sticker{margin:4px 0 -6px;padding:4px 14px;font-size:24px;position:relative;top:auto;right:auto}}.gate__inner,.sw-inner{position:relative}.pa-label{z-index:5;color:#f4ead7;text-align:center;background:#0c0a08;border:4px solid #f4ead7;flex-direction:column;align-items:stretch;width:150px;font-family:Anton,sans-serif;line-height:1;display:flex;position:absolute;bottom:66px;left:calc(50% + min(95px,9.5vh) + 70px);transform:rotate(7deg);box-shadow:0 12px 26px #0000008c}.pa-top{letter-spacing:.22em;padding:6px 4px 3px;font-size:19px}.pa-mid{color:#0c0a08;letter-spacing:.04em;background:#f4ead7;padding:4px 4px 2px;font-size:29px}.pa-bot{letter-spacing:.16em;padding:5px 4px;font-size:15px}@media (width<=720px){.pa-label{border-width:3px;width:76px;bottom:64px;left:calc(50% + 100px);transform:rotate(9deg)}.pa-top{padding-top:4px;font-size:10px}.pa-mid{font-size:14px}.pa-bot{padding:3px 2px;font-size:7px}}.gate-pad__label{flex-direction:column;align-items:center;gap:4px;display:flex}.gate-pad__label .anton{font-size:30px;line-height:.95}.gate-pad__play{color:#b5372a;font-size:34px;line-height:1}@media (width>=721px) and (height<=900px){.gate__title .spray{font-size:min(22vw,19vh)}.gate__sub{font-size:min(5vw,5.4vh)}.gate__kicker,.sw-kicker{margin-top:0}.pad--big{width:min(190px,19vh);height:min(190px,19vh);margin:2.2vh auto 1.2vh}.sw-title{font-size:min(11vw,13vh)}.pa-label{border-width:3px;width:124px}.pa-label .pa-top{font-size:15px}.pa-label .pa-mid{font-size:24px}.pa-label .pa-bot{padding:4px 2px;font-size:12px}.gate-pad__label .anton{font-size:min(30px,3.2vh)}.gate-pad__play{font-size:min(34px,3.6vh)}.sw-pad__icon{font-size:min(44px,4.4vh)}}main{position:relative}.stage{grid-template-columns:1fr auto 1fr;align-items:center;gap:56px;max-width:1500px;min-height:100vh;margin:0 auto;padding:60px 5vw 40px;display:grid}.stage__left{justify-self:end;max-width:400px}.stage__title{flex-direction:column;margin:16px 0 22px;font-size:clamp(64px,7vw,120px);display:flex}.stage__desc{color:var(--fg);opacity:.88}.stage__sign{color:var(--accent);margin-top:10px;font-size:30px;display:inline-block;transform:rotate(-3deg)}.phone{background:#0b0908;border-radius:48px;width:min(49.5vh + 5.5px,520px);padding:14px;position:relative;box-shadow:0 0 0 2px #2c241c,0 0 0 9px #0f0c0a,0 50px 120px #000000b3,0 0 120px #ffc83d14}.phone__notch{z-index:6;background:#0b0908;border-radius:20px;width:110px;height:28px;margin-left:-55px;position:absolute;top:22px;left:50%}.phone__screen{aspect-ratio:9/16;background:#000;border-radius:36px;place-items:center;width:100%;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.phone__screen video{object-fit:cover;background:#000;width:100%;height:100%}.phone__bar{background:#2c241c;border-radius:2px;height:4px;position:absolute;bottom:10px;left:34px;right:34px;overflow:hidden}.phone__progress{background:var(--accent);width:0%;height:100%}.screen-play{width:96px;height:96px;color:var(--bg);transition:transform .2s var(--ease), opacity .2s;background:#ffc83deb;border-radius:50%;padding-left:8px;font-size:40px;position:absolute;inset:auto;box-shadow:0 10px 40px #0009}.screen-play:hover{transform:scale(1.08)}.screen-play.hidden{opacity:0;pointer-events:none;transform:scale(.6)}.screen-glitch{pointer-events:none;opacity:0;z-index:4;background:repeating-linear-gradient(0deg,#fff0 0 6px,#ffc83d59 6px 9px,#e2412f4d 9px 12px,#fff0 12px 22px);position:absolute;inset:0}.screen-glitch.on{animation:.6s steps(6,end) glitch}@keyframes glitch{0%{opacity:1;transform:translate(-14px)}20%{opacity:.9;transform:translate(10px)scaleY(1.04)}40%{opacity:1;filter:hue-rotate(60deg);transform:translate(-6px)}60%{opacity:.6;transform:translate(4px)}to{opacity:0;transform:none}}.cta{z-index:5;animation:rise .6s var(--ease) both;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:2.6%;left:0;right:0}.cta[hidden],.reveal[hidden],.mot[hidden]{display:none}.pad--gift{border-radius:16px;width:74%;height:92px}.pad--gift .pad__label{font-size:30px}.pad--gift .pad__glow{animation:1.1s ease-in-out infinite breathe}.cta__hint{color:var(--fg);text-shadow:3px 3px #0c0a08;font-size:22px;transform:rotate(-2deg)}.tape-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:3px solid #0c0a08;align-items:center;padding:12px 64px 10px;transition:transform .12s,box-shadow .12s;animation:1.6s ease-in-out infinite tapeGlow;display:inline-flex;position:relative;transform:rotate(-2deg);box-shadow:6px 6px #0c0a08}.tape-btn:before,.tape-btn:after{content:"";background:repeating-linear-gradient(-45deg, #0c0a08 0 9px, var(--accent) 9px 18px);width:44px;position:absolute;top:0;bottom:0}.tape-btn:before{border-right:3px solid #0c0a08;left:0}.tape-btn:after{border-left:3px solid #0c0a08;right:0}.tape-btn__txt{letter-spacing:.04em;white-space:nowrap;font-size:clamp(24px,3vw,34px)}.tape-btn:hover{transform:rotate(-1deg)scale(1.04)}.tape-btn:active{transform:rotate(-1deg)translate(4px,4px);box-shadow:2px 2px #0c0a08}@keyframes tapeGlow{0%,to{filter:drop-shadow(0 0 #ffc83d00)}50%{filter:drop-shadow(0 0 18px #ffc83da6)}}@media (width<=720px){.cta{gap:4px;bottom:6.5%}.cta .cta__hint{display:none}.tape-btn{padding:8px 46px 6px}.tape-btn:before,.tape-btn:after{width:30px}.tape-btn__txt{font-size:22px}.cta__hint{font-size:15px}}.graff-btn{padding:18px 34px 22px;animation:2.4s ease-in-out infinite graffWobble;display:inline-block;position:relative;transform:rotate(-4deg)}.graff-btn__splat{filter:drop-shadow(6px 6px #0c0a08);width:calc(100% + 72px);height:calc(100% + 54px);position:absolute;inset:-20px -36px -34px;overflow:visible}.graff-btn__txt{color:var(--accent);-webkit-text-stroke:2px #0c0a08;text-shadow:4px 4px #0c0a08,0 0 22px #ffc83d8c;white-space:nowrap;font-family:Rubik Spray Paint,sans-serif;font-size:clamp(34px,6vw,56px);line-height:.95;display:block;position:relative}.graff-btn__drips{height:0;position:absolute;bottom:2px;left:18%;right:18%}.graff-btn__drips i{background:var(--accent);border-radius:0 0 4px 4px;width:7px;animation:2.6s ease-in infinite drip;position:absolute;top:0}.graff-btn__drips i:first-child{animation-delay:0s;left:4%}.graff-btn__drips i:nth-child(2){animation-delay:.7s;left:27%}.graff-btn__drips i:nth-child(3){animation-delay:1.3s;left:51%}.graff-btn__drips i:nth-child(4){animation-delay:.35s;left:73%}.graff-btn__drips i:nth-child(5){animation-delay:1.8s;left:95%}.graff-btn__star{color:var(--fg);text-shadow:3px 3px #0c0a08;font-size:40px;animation:6s linear infinite spin;position:absolute;top:-22px;right:-18px}.graff-btn:hover{animation-play-state:paused;transform:rotate(-2deg)scale(1.06)}.graff-btn:active{transform:rotate(-2deg)scale(.96)}@keyframes drip{0%{opacity:1;height:0}70%{opacity:1;height:34px}to{opacity:0;height:40px}}@keyframes graffWobble{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(-2deg)scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.reveal{z-index:5;animation:rise .6s var(--ease) both;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.reveal img{object-fit:cover;width:100%;height:100%}.reveal__actions{justify-content:center;gap:10px;padding:0 16px;display:flex;position:absolute;bottom:18px;left:0;right:0}.btn{background:var(--accent);color:var(--bg);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 4px #b88d1f}.btn:active{transform:translateY(3px);box-shadow:0 1px #b88d1f}.btn--ghost{color:var(--fg);box-shadow:0 0 0 2px var(--fg);background:#16120ecc}.btn--big{width:fit-content;margin:46px auto 0;padding:16px 28px;font-size:18px;display:flex}.stage__right{justify-self:start;width:100%;max-width:360px}.np{background:var(--bg2);border:2px solid #3a2f24;border-radius:14px;padding:18px 18px 14px}.np__head{color:var(--muted);align-items:center;gap:8px;font-size:22px;display:flex}.rec{background:var(--red);border-radius:50%;width:12px;height:12px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.np__title{color:var(--accent);margin:8px 0 12px;font-size:34px}.vu{align-items:flex-end;gap:5px;height:34px;display:flex}.vu i{background:var(--fg);border-radius:2px;flex:1;height:20%;transition:height .12s}.fiche{color:#2b2723;background:#efe6d2;border-radius:4px;margin-top:18px;padding:18px 20px 22px;position:relative;transform:rotate(1.2deg);box-shadow:0 20px 40px #00000080}.fiche__head{border-bottom:2px solid #2b2723;margin-bottom:10px;padding-bottom:6px;font-size:24px}.fiche dl{grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px;display:grid}.fiche dt{color:#7a6d58;text-transform:uppercase;font-family:VT323,monospace;font-size:19px}.fiche dd{font-weight:600}.fiche dd.yellow{color:#b7790a}.fiche__stamp{color:var(--red);border:3px solid var(--red);opacity:.8;padding:2px 10px;font-size:22px;position:absolute;bottom:16px;right:14px;transform:rotate(-14deg)}.archive{background:var(--bg2);border:2px solid #3a2f24;border-radius:14px;margin-top:18px;padding:14px;transform:rotate(-.8deg)}.archive__head{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:20px;display:flex}.archive__frame{aspect-ratio:352/288;background:#000;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #0c0a08}.archive__frame video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.archive__cap a{color:var(--fg)}.archive__frame video{cursor:pointer}.archive__sound{z-index:2;color:var(--fg);box-shadow:0 0 0 2px var(--accent);background:#16120ed9;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:10px}.phone__screen video.contain{object-fit:contain;z-index:1;background:0 0;position:relative}.arch-badge{z-index:5;color:var(--fg);background:#16120ed9;border-radius:6px;align-items:center;gap:8px;padding:4px 12px;font-size:20px;display:flex;position:absolute;top:54px;left:18px}.arch-badge[hidden],.skip[hidden]{display:none}.skip{z-index:6;background:var(--accent);color:var(--bg);animation:rise .5s var(--ease) both;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:700;position:absolute;bottom:22px;right:16px;box-shadow:0 4px #b88d1f,0 10px 30px #00000080}.skip:active{transform:translateY(3px);box-shadow:0 1px #b88d1f}.gate__sound{z-index:6;color:var(--fg);box-shadow:0 0 0 2px var(--accent);background:#16120ed9;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;position:absolute;top:18px;right:18px}.prog{background:var(--bg2);border:2px solid #3a2f24;border-radius:14px;margin-top:18px;padding:16px 18px}.prog__head{color:var(--muted);margin-bottom:8px;font-size:22px}.prog ol{list-style:none}.prog li{opacity:.55;text-align:left;border-bottom:1px dashed #3a2f24;grid-template-columns:40px 1fr;align-items:baseline;gap:8px;padding:10px 6px;transition:opacity .3s,color .3s;display:grid}.prog li .n{color:var(--muted);font-size:22px}.prog li.active{opacity:1;color:var(--accent)}.prog li.active .n{color:var(--accent)}.prog li.done{opacity:.85}.prog__link{color:var(--muted);margin-top:12px;font-size:14px;display:inline-block}body.wide .arch-badge{top:16px}body.wide .stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""screen screen""info info";gap:26px 40px;max-width:1400px;padding-top:36px}body.wide .stage__left{text-align:center;grid-area:head;justify-self:center;max-width:900px}body.wide .stage__title{flex-direction:row;justify-content:center;gap:.25em;margin:12px 0 10px;font-size:clamp(56px,6vw,96px)}body.wide .stage__desc{max-width:720px;margin:0 auto}body.wide .stage__sign{display:none}body.wide .phone{border-radius:22px;grid-area:screen;justify-self:center;width:min(92vw,1280px,177.778vh - 444.444px);height:auto;padding:10px}body.wide .phone__notch{display:none}body.wide .phone__screen{aspect-ratio:16/9;border-radius:14px;margin-bottom:4px}body.wide .phone__bar{height:3px;bottom:3px;left:10px;right:10px}body.wide .stage__right{grid-area:info;grid-template-columns:1fr 1fr;justify-self:center;align-items:stretch;gap:24px;width:min(92vw,1280px);max-width:none;display:grid}body.wide .stage__right .prog{margin-top:0}body.wide .graff-btn__txt{font-size:clamp(36px,3.6vw,60px)}body.wide .cta{gap:8px;bottom:3.5%}body.wide .cta__hint{font-size:18px}.stage__title>span{display:inline-block}.archive__cap{color:var(--muted);margin-top:10px;font-size:14px}.archive__cap b{color:var(--accent)}.mot{animation:rise .8s var(--ease) both;place-items:center;padding:20px 5vw 40px;display:grid}.mot__card{background:var(--fg);max-width:760px;color:var(--bg);box-shadow:14px 14px 0 var(--accent), 0 30px 80px #0009;padding:36px 40px 30px;position:relative;transform:rotate(-1.2deg)}.mot__card:before{content:"";background:#ffc83dcc;width:160px;height:36px;margin-left:-80px;position:absolute;top:-18px;left:50%;transform:rotate(3deg)}.mot__txt{margin-top:16px;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.3}.mot__txt .yellow{color:#c7860a}.mot__sign{text-align:right;color:var(--red);margin-top:10px;font-size:36px}.bonus[hidden],.bonus-lock[hidden]{display:none}.bonus-lock{text-align:center;border:3px dashed #3a2f24;border-radius:18px;max-width:640px;margin:60px auto 100px;padding:40px 30px}.bonus-lock__txt{color:var(--muted);margin:14px 0 8px;font-size:clamp(44px,6vw,72px)}.bonus-lock__hint{color:var(--muted)}.bonus{animation:rise .8s var(--ease) both}.sec-head{text-align:center;max-width:760px;margin:0 auto 46px;padding:0 20px}.sec-head h2{margin:14px 0 12px;font-size:clamp(64px,10vw,140px)}.sec-head h2.spray{color:var(--accent);text-shadow:5px 5px #0c0a08;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(42px,9vw,112px);line-height:1.05}.sec-head p{color:var(--muted);font-size:19px}.disco{padding:30px 5vw 120px}.mpc{color:#2b2723;background:linear-gradient(#e3ddcf 0%,#d2cbbb 70%,#bfb7a5 100%);border-radius:30px;max-width:760px;margin:0 auto;padding:26px 30px 34px;box-shadow:inset 0 5px #fff9,inset 0 -12px #0000002e,0 60px 120px #000000a6}.mpc__top{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.mpc__brand{font-size:34px}.mpc__model{letter-spacing:.12em;font-size:13px;font-weight:600}.mpc__led{color:var(--accent);text-align:right;white-space:nowrap;background:#0f1418;border-radius:6px;min-width:220px;margin-left:auto;padding:4px 12px;font-size:22px;overflow:hidden}.mpc__stripe{background:linear-gradient(90deg, #d2392a 0 33%, var(--orange) 33% 66%, #e9c341 66% 100%);height:7px;margin:14px 0 24px}.mpc__pads{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dpad{aspect-ratio:1;background:#2a241d;border-radius:14px;transition:transform 70ms,box-shadow 70ms;position:relative;overflow:hidden;box-shadow:0 8px #a2977f,0 14px 22px #00000059}.dpad img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease), filter .3s;filter:saturate(.9)}.dpad:hover img{filter:saturate(1.1);transform:scale(1.06)}.dpad .pad__glow{mix-blend-mode:screen}.dpad.hit{transform:translateY(6px);box-shadow:0 2px #a2977f,0 6px 12px #00000059}.dpad .num{color:var(--fg);background:#0000008c;border-radius:4px;padding:0 6px;font-family:VT323,monospace;font-size:18px;position:absolute;top:6px;left:8px}.dpad .name{color:var(--fg);opacity:0;text-align:left;background:linear-gradient(#0000,#000000d9);padding:18px 8px 6px;font-size:12px;font-weight:700;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.dpad:hover .name,.dpad:focus-visible .name{opacity:1}.adk{padding:40px 5vw 120px;position:relative}.wall{columns:3 320px;column-gap:22px;max-width:1300px;margin:0 auto}.wall figure{break-inside:avoid;cursor:zoom-in;transition:transform .35s var(--ease);background:#efe6d2;margin-bottom:22px;padding:10px 10px 12px;position:relative;box-shadow:0 20px 40px #00000080}.wall figure:nth-child(odd){transform:rotate(-1.4deg)}.wall figure:nth-child(2n){transform:rotate(1.2deg)}.wall figure:hover{z-index:2;transform:rotate(0)scale(1.02)}.wall figure:before{content:"";background:#ffc83dbf;width:90px;height:26px;position:absolute;top:-12px;left:40%;transform:rotate(-4deg)}.wall figcaption{color:#2b2723;margin-top:8px;font-family:Permanent Marker,cursive;font-size:16px}.crew{flex-wrap:wrap;justify-content:center;gap:10px 34px;max-width:1100px;margin:70px auto 60px;display:flex}.crew span{text-shadow:4px 4px #0c0a08;transition:transform .2s var(--ease);font-family:Permanent Marker,cursive;font-size:clamp(34px,5vw,64px);line-height:1;display:inline-block}.crew span:hover{transform:scale(1.12)rotate(0)!important}.records{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.records figure{text-align:center;width:min(300px,80vw)}.records img{transition:transform .4s var(--ease);box-shadow:0 24px 50px #0009}.records figure:hover img{transform:translateY(-8px)rotate(-2deg)}.records figcaption{color:var(--muted);margin-top:14px}.door-sec{grid-template-columns:auto 1fr;align-items:center;gap:70px;max-width:1100px;margin:0 auto;padding:40px 5vw 140px;display:grid}.door{background:#e9dfca;border:10px solid #b8a98c;width:300px;height:540px;position:relative;transform:rotate(-2deg);box-shadow:0 40px 90px #0009}.door:before,.door:after{content:"";border:4px solid #d2c5aa;position:absolute;left:22px;right:22px}.door:before{height:215px;top:22px}.door:after{height:230px;bottom:22px}.door__knob{background:radial-gradient(circle at 35% 35%,#f3d98a,#9c7a2b);border-radius:50%;width:26px;height:26px;position:absolute;top:268px;right:18px}.bboy{z-index:1;width:220px;height:400px;position:absolute;top:50px;left:30px}.bboy__line path{stroke-dasharray:1;stroke-dashoffset:1px}.bboy>g:first-child{opacity:0;transition:opacity .6s 1.4s}.door-sec.seen .bboy__line path{animation:.5s forwards draw}.door-sec.seen .bboy>g:first-child{opacity:1}@keyframes draw{to{stroke-dashoffset:0}}.door-sec__txt h2{margin:14px 0 16px;font-size:clamp(56px,7vw,96px)}.door-sec__txt p{max-width:520px;font-size:20px}.foot{text-align:center;border-top:2px dashed #3a2f24;padding:40px 20px 70px}.foot__big{color:var(--accent);text-shadow:6px 6px #0c0a08;font-size:clamp(90px,18vw,230px)}.foot p{color:var(--muted);margin-top:8px}.foot__crew{font-size:22px;color:var(--fg)!important}.foot__credit{font-size:14px}.foot__credit a{color:var(--fg)}.lightbox{z-index:95;cursor:zoom-out;background:#0a0806eb;place-items:center;padding:4vw;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox img{max-height:90vh;box-shadow:0 30px 80px #000000b3}.rv{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(40px)}.rv.in{opacity:1;transform:none}@media (width<=1100px){.stage{grid-template-columns:1fr;gap:34px;padding-top:40px}.stage__left,.stage__right{text-align:center;justify-self:center;width:100%;max-width:560px}.stage__title{align-items:center}.stage__left{order:1}.stage__right{order:2}.phone{order:3;justify-self:center}}@media (width<=720px){body{font-size:16px}.stage{padding:20px 0 30px}.stage__left{padding:0 20px}.phone{width:100vw;box-shadow:none;border-radius:0;padding:0}.phone__notch,.phone__bar{display:none}.phone__screen{border-radius:0;margin-bottom:0}.stage__right{padding:0 20px}.gate__sticker{font-size:26px;top:14%;right:2%}.mpc{border-radius:22px;padding:18px 16px 24px}.mpc__pads{gap:10px}.mpc__led{width:100%;min-width:0;margin-left:0}.door-sec{text-align:center;grid-template-columns:1fr;justify-items:center;gap:40px}.door-sec__txt p{margin:0 auto}}@media (height<=760px){.tape--a{top:2vh}.tape--b{bottom:1.5vh}.gate__title .spray{font-size:clamp(90px,17vh,200px)}.pad--big{width:140px;height:140px;margin:22px auto 12px}.gate__kicker{margin-top:30px}}@media (prefers-reduced-motion:reduce){.noise,.tape__in,.rec,.pad--big .pad__glow,.tape-btn{animation:none}}.sw-inner{max-width:100%}.sw-inner .gate__hint{max-width:88vw}