:root{--paper:#f6f5f2;--paper-2:#eceae4;--ink:#0b0a08;--ink-soft:#45413a;--meta:#8a867d;--line:#cdc9c0;--grey:#b7b3aa;--tape:#0b0a0817;--tape-edge:#0b0a084d;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wrap:1200px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#0b0a080a 1px,#0000 1px);background-size:4px 4px;margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.mono{font-family:var(--mono)}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--meta);font-size:11px}.hl{background:var(--ink);color:var(--paper);box-decoration-break:clone;padding:0 .18em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.spike text,.spike{font-family:var(--sans);letter-spacing:-.02em;fill:var(--ink);font-weight:800}.marquee{border-block:2px solid var(--ink);background:var(--ink);color:var(--paper);white-space:nowrap;overflow:hidden}.marquee .track{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;padding:7px 0;font-size:12px;font-weight:700;animation:24s linear infinite scrollx;display:inline-block}.marquee .track span{padding:0 1.2rem}@keyframes scrollx{to{transform:translate(-50%)}}.bar{z-index:40;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(6px);border-bottom:2px solid var(--ink);position:sticky;top:0}.bar-in{max-width:var(--wrap);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:11px clamp(16px,4vw,40px);display:flex}.brand{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;font-size:14px;font-weight:700}.brand b{background:var(--ink);color:var(--paper);padding:0 4px}nav.n{gap:clamp(12px,2vw,26px);display:flex}nav.n a{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:2px 0;font-size:12px}nav.n a:hover{background:var(--ink);color:var(--paper)}.tags{flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 8px;display:flex}.tags button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:4px 11px;font-size:12px;transform:rotate(-1.5deg)}.tags button:nth-child(2n){transform:rotate(1.5deg)}.tags button:hover,.tags button.on{background:var(--ink);color:var(--paper)}.wall{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(22px,3vw,46px) clamp(16px,2.4vw,34px);padding:14px 0 40px;display:grid}.piece{cursor:pointer;grid-column:span 4;position:relative}.piece.wide{grid-column:span 6}.piece.big{grid-column:span 7}.piece.sm{grid-column:span 3}.piece .art{background:var(--paper-2);border:1.5px solid var(--ink);aspect-ratio:4/5;transform:rotate(var(--rot,0deg));will-change:transform;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.piece.wide .art{aspect-ratio:3/2}.piece.tall .art{aspect-ratio:3/4}.piece .art .fill{object-fit:cover;width:100%;height:100%;transition:transform .9s;position:absolute;inset:0}.piece:hover .art{box-shadow:7px 7px 0 var(--ink);transform:rotate(0)translateY(-4px)}.piece:hover .fill{transform:scale(1.05)}.piece .tape{z-index:3;background:var(--tape);border:1px solid var(--tape-edge);width:74px;height:22px;position:absolute;top:-11px;left:22px;transform:rotate(-6deg)}.piece:nth-child(2n) .tape{left:auto;right:20px;transform:rotate(7deg)}.piece .cap{transform:rotate(var(--caprot,-.6deg));justify-content:space-between;gap:10px;margin-top:10px;display:flex}.piece .t{font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:700}.piece:hover .t{background:var(--ink);color:var(--paper)}.vtag{z-index:3;font-family:var(--mono);letter-spacing:.1em;background:var(--ink);color:var(--paper);padding:3px 7px;font-size:10px;position:absolute;bottom:10px;right:10px}.f1{background:radial-gradient(60% 55% at 34% 32%, #0b0a086b, transparent 66%), radial-gradient(50% 60% at 72% 68%, #0b0a0838, transparent 72%), var(--paper-2)}.f2{background:radial-gradient(70% 60% at 58% 34%, #0b0a0880, transparent 70%), radial-gradient(50% 50% at 24% 72%, #0b0a0829, transparent 70%), var(--paper-2)}.f3{background:radial-gradient(60% 60% at 42% 46%, #0b0a084d, transparent 72%), radial-gradient(50% 40% at 80% 30%, #0b0a0824, transparent 70%), var(--paper-2)}.f4{background:radial-gradient(65% 55% at 50% 36%, #0b0a085c, transparent 72%), radial-gradient(70% 70% at 55% 86%, #0b0a0833, transparent 72%), var(--paper-2)}.f5{background:radial-gradient(60% 60% at 30% 60%, #0b0a0880, transparent 70%), radial-gradient(55% 55% at 76% 40%, #0b0a082e, transparent 72%), var(--paper-2)}.f6{background:radial-gradient(70% 60% at 55% 40%, #0b0a0842, transparent 72%), radial-gradient(50% 60% at 24% 76%, #0b0a0857, transparent 72%), radial-gradient(60% 50% at 82% 82%, #0b0a0829, transparent 70%), var(--paper-2)}.mark{z-index:5;pointer-events:none;position:absolute}.mark svg{display:block;overflow:visible}.mark path,.mark circle,.mark line{stroke:var(--ink);fill:none;stroke-width:2.4px;stroke-linecap:round}.foot{border-top:2px solid var(--ink);margin-top:30px}.foot-in{max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:16px clamp(16px,4vw,40px);display:flex}.pz-head{padding:clamp(26px,6vw,64px) 0 20px;position:relative}.pz-kick{background:var(--ink);color:var(--paper);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;font-size:12px;display:inline-block;transform:rotate(-2deg)}.pz-title{width:min(96%,860px);height:auto;margin-top:10px}.pz-title text{font-family:var(--sans);letter-spacing:-.03em;fill:var(--ink);font-size:104px;font-weight:800}.pz-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.dev{border:1.5px solid var(--ink);display:inline-flex}.dev button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:5px 11px;font-size:11px}.dev button.on{background:var(--ink);color:var(--paper)}.stage{margin:0 auto;transition:max-width .45s,padding .45s}.stage.phone{border:2px solid var(--ink);background:var(--paper);max-width:390px;box-shadow:12px 12px 0 var(--ink);border-radius:26px;padding:18px}.stage.phone .collage{display:block}.stage.phone .cz{width:auto!important;margin:0 0 18px!important;position:static!important;transform:none!important}.collage{padding:10px 0 40px;position:relative}.cz{margin-bottom:clamp(20px,3vw,40px)}.cz .ph{background:var(--paper-2);border:1.5px solid var(--ink);position:relative;overflow:hidden}.cz .ph.r169{aspect-ratio:16/9}.cz .ph.r43{aspect-ratio:4/3}.cz .ph.r34{aspect-ratio:3/4}.cz .ph.r11{aspect-ratio:1}.cz .cap{margin-top:8px}.cz.tape-tl .ph:before,.cz.tape-tr .ph:before{content:"";z-index:4;background:var(--tape);border:1px solid var(--tape-edge);width:70px;height:20px;position:absolute;top:-10px}.cz.tape-tl .ph:before{left:18px;transform:rotate(-6deg)}.cz.tape-tr .ph:before{right:18px;transform:rotate(7deg)}.cz.rot-l{transform:rotate(-1.4deg)}.cz.rot-r{transform:rotate(1.4deg)}.two{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(16px,2.4vw,30px);display:grid}.two.flip{grid-template-columns:.85fr 1.15fr}.txt p{color:var(--ink-soft);max-width:60ch;font-size:clamp(15px,1.15vw,17px);line-height:1.7}.txt .drop{color:var(--ink);font-size:20px}.videoz{aspect-ratio:16/9;border:1.5px solid var(--ink);background:radial-gradient(60% 70% at 45% 40%,#141414d9,#0000 72%),#16150f;place-items:center;display:grid;position:relative}.playz{background:var(--paper);border:2px solid var(--ink);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.playz svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}.behind{margin:8px 0;position:relative}.behind .bt{z-index:0;text-align:center;max-width:46ch;margin:0 auto 60vh;position:sticky;top:22vh}.behind .bt p{font-size:clamp(17px,1.6vw,24px);line-height:1.6}.behind .bi{z-index:1;background:var(--paper);border:1.5px solid var(--ink);position:relative}.back{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:12px;display:inline-flex}.back:hover{background:var(--ink);color:var(--paper)}.proto{z-index:60;background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.04em;border:2px solid var(--paper);align-items:center;gap:11px;max-width:min(92vw,560px);padding:9px 13px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:12px;left:12px}.proto b{color:var(--paper);font-weight:700}.proto button{color:var(--paper);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f6f5f266;padding:3px 8px;font-size:11px}.switch{z-index:60;border:2px solid var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;gap:0;font-size:11px;display:flex;position:fixed;bottom:12px;right:12px}.switch a{background:var(--paper);color:var(--ink);padding:6px 10px}.switch a.on{background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion:reduce){.marquee .track{animation:none}}@media (width<=760px){.piece,.piece.wide,.piece.big,.piece.sm{grid-column:1/-1}.piece .art,.cz.rot-l,.cz.rot-r{transform:none}.two,.two.flip{grid-template-columns:1fr}}@media (width<=560px){.bar-in{flex-direction:column;align-items:flex-start;gap:9px}nav.n{flex-wrap:wrap;gap:14px}.pz-title text{font-size:128px}}