html{overflow-x:clip}.wall-hero{position:relative;height:min(920px,100vh);min-height:720px;margin-top:-72px;overflow:hidden;border-bottom:1px solid var(--line)}.wall{position:absolute;inset:-30% -18% -30% 26%;display:flex;gap:22px;transform:perspective(2200px) rotateX(18deg) rotateY(-12deg) rotate(6deg);transform-origin:50% 40%}.col{flex:1;display:flex;flex-direction:column;gap:var(--wall-gap, 20px);animation:up var(--d, 90s) linear infinite;will-change:transform}.col.down{animation-name:down}@keyframes up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--wall-half-gap, 10px)))}}@keyframes down{0%{transform:translateY(calc(-50% - var(--wall-half-gap, 10px)))}to{transform:translateY(0)}}.col.touched,.col:has(.tile:focus-visible){animation-play-state:paused}.wall-desktop .col:has(.tile:hover),.wall-desktop .col:focus-within{animation-play-state:paused}.tile{flex:none;aspect-ratio:16/10;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 20px 50px -10px #000c;cursor:zoom-in;background:#111;transition:transform .25s,box-shadow .25s}.tile img{width:100%;height:100%;object-fit:cover;display:block}.wall-desktop .tile:hover{transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 30px 70px -10px #000000e6}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(14,15,17,.95) 30%,rgba(14,15,17,.35) 48%,rgba(14,15,17,0) 60%),linear-gradient(180deg,var(--bg) 0,var(--bg) 132px,rgba(14,15,17,0) 260px,rgba(14,15,17,0) 80%,var(--bg) 100%)}.wall-copy{pointer-events:none;position:absolute;z-index:2;left:max(32px,calc((100vw - 1280px)/2 + 32px));top:50%;transform:translateY(-46%);max-width:600px}.wall-hero h1{font-weight:560;font-size:clamp(52px,7vw,96px);line-height:.98;letter-spacing:-.045em}.wall-hero h1 span{color:var(--mute)}.wall-hero .sub{margin-top:26px;font-size:19px;line-height:1.55;color:var(--mute);max-width:520px}.wall-hero .sub b{color:var(--fg);font-weight:500}.wall-hero .cta{display:flex;gap:12px;margin-top:32px}.stats{display:flex;gap:34px;margin-top:56px}.stats b{display:block;font-weight:560;font-size:34px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stats a{display:block;border-radius:4px;transition:transform .15s ease}.stats a:is(:hover,:focus-visible){transform:translateY(-1px)}.stats a:focus-visible{outline:2px solid #fff;outline-offset:6px}.stats span{font-size:13.5px;color:var(--dim)}.stats b,.stats span{transition:color .15s ease}.stats a:is(:hover,:focus-visible) :is(b,span){color:#fff}.hint{pointer-events:none;position:absolute;right:32px;bottom:26px;z-index:2;font-size:13px;color:var(--dim)}.lightbox{position:fixed;inset:0;z-index:50;background:#060708eb;backdrop-filter:blur(10px);display:none;place-items:center}.lightbox figure{width:min(1400px,88vw)}.lightbox img{width:100%;max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 40px 120px #000c;background:#000;display:block}.lightbox figcaption{display:flex;gap:14px;align-items:center;margin-top:18px;font-size:15px;color:var(--mute)}.lightbox figcaption b{color:var(--fg);font-weight:500}.lightbox figcaption .by{display:inline-flex;gap:8px;align-items:center}.lightbox figcaption .by img{width:22px;height:22px;border-radius:50%;box-shadow:none}.lightbox figcaption .grow{flex:1}.lightbox figcaption a{color:var(--fg);border-bottom:1px solid #3a3d43}.lightbox .arr{position:fixed;top:50%;width:56px;height:56px;border-radius:50%;border:none;background:#1e1f22e6;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 0 0 1px #ffffff24}.lightbox .arr.l{left:3vw}.lightbox .arr.r{right:3vw}.lightbox .x{position:fixed;top:24px;right:28px;background:none;border:none;color:var(--mute);font-size:15px;cursor:pointer}.wall-hero{width:100vw;margin-left:calc(50% - 50vw)}.wall-hero button.tile{padding:0;border:0;width:100%;text-align:left}.wall-mobile{display:none}.wall-hero .cta{align-items:center;font-size:15px}.wall-copy :is(a,button){pointer-events:auto}.wall-hero .cta .pill{height:44px;padding:0 20px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.wall-hero .cta .pill:is(:hover,:focus-visible){background:#fff;box-shadow:0 0 24px #fff3;transform:translateY(-1px)}.wall-hero .ghost{display:inline-flex;align-items:center;gap:6px;color:var(--mute);transition:color .15s ease}.wall-hero .ghost .arrow{display:inline-block;transition:transform .15s ease}.wall-hero .ghost:is(:hover,:focus-visible){color:#fff}.wall-hero .ghost:is(:hover,:focus-visible) .arrow{transform:translate(3px)}.wall-hero .cta a:focus-visible{outline:2px solid #fff;outline-offset:4px}.wall-hero .stats>a{min-width:85px}.lightbox{border:0;color:var(--fg);width:100%;max-width:none;height:100%;max-height:none}.lightbox[open]{display:grid}.lightbox:not([open]){display:none}.lightbox::backdrop{background:transparent}.lightbox figcaption{flex-wrap:wrap}.lightbox figure>img{height:auto;aspect-ratio:16 / 10;cursor:zoom-out}.lightbox .arr{z-index:2}.mods-note{padding-top:26px;font-size:15px;line-height:1.6;color:var(--mute)}.mods-note a:hover{color:var(--fg)}.remake{padding-top:90px}.remake h2{font-size:clamp(36px,4.8vw,64px);line-height:1.02;font-weight:560;letter-spacing:-.035em}.remake h2 span{color:var(--mute)}.look-picker{margin:36px 0 22px;display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--dim)}.look-picker>span{margin-right:auto}.seg{height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--mute);font:inherit;cursor:pointer}.seg:hover{color:var(--fg)}.seg.on{background:#1b1d21;color:var(--fg);border-color:#2b2e33}.seg kbd{font:11px JBM,monospace;color:var(--dim)}.look-window{position:relative}.look-frame{aspect-ratio:1477 / 831;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 98%);mask-image:linear-gradient(to bottom,#000 62%,transparent 98%)}.look-window .hw{box-shadow:0 0 0 1px #ffffff17}.look-glow{position:absolute;inset:-80px 0 auto;height:500px;background:radial-gradient(50% 60% at 50% 30%,rgba(120,140,190,.14),transparent 70%);pointer-events:none;z-index:-1}.look-ask{position:absolute;left:50%;top:30%;z-index:10;width:min(560px,80%);transform:translate(-50%,12px) scale(.98);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:#16171aeb;backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #0000008c;font:15px JBM,monospace;color:#eee}.look-ask.show{opacity:1;transform:translate(-50%) scale(1)}.look-ask img{width:20px;height:20px;flex:none}.look-ask .p{color:#6f737b}.look-ask .cur{display:inline-block;width:8px;height:17px;background:#eee;vertical-align:-3px;margin-left:1px}.look-ask .work{color:#d97757}@media(max-width:860px){.wall-hero{height:max(900px,calc(100svh - 72px));min-height:0;margin-top:0}.wall-copy{top:0;left:0;transform:none;max-width:none;padding:54px 24px 0}.wall-hero h1{font-size:clamp(48px,9vw,72px)}.wall-hero .sub{font-size:17px}.wall-hero .cta{flex-wrap:wrap}.stats{margin-top:30px;gap:28px}.stats b{font-size:28px}.wall-desktop{display:none}.wall-mobile{display:flex;inset:260px -70px -120px;gap:12px;transform:none;--wall-gap: 12px;--wall-half-gap: 6px}.wall-mobile .col{min-width:0;align-self:flex-start}.wall-mobile .tile{border-radius:7px;box-shadow:0 0 0 1px #ffffff1a;touch-action:pan-y}.shade{background:linear-gradient(180deg,var(--bg) 0,var(--bg) 240px,rgba(14,15,17,.94) 400px,rgba(14,15,17,.8) 540px,rgba(14,15,17,.08) 680px,var(--bg) 100%)}.hint{right:24px;bottom:18px}.mods-note{padding-top:22px;font-size:14px}.remake{padding-top:64px}.look-picker{justify-content:flex-start;margin-top:26px}.look-picker>span{flex-basis:100%;margin-bottom:8px}.look-ask{width:94%;padding:10px;gap:7px;font-size:11px}.look-ask img{width:16px;height:16px}.lightbox figure{width:96vw}.lightbox figure>img{max-height:calc(100svh - 220px)}.lightbox .arr{top:auto;bottom:24px;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.col,.col.down{animation:none}.tile,.look-ask,.stats a,.stats b,.stats span{transition:none}.stats a:is(:hover,:focus-visible){transform:none}}.get{margin-top:34px}.herd{padding:110px 0 40px;border-bottom:1px solid var(--line)}.herd-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:48px}.herd-head h2{font-weight:560;font-size:clamp(40px,4.8vw,64px);line-height:1.02;letter-spacing:-.035em}.herd-head h2 span{color:var(--mute)}.herd-head p{font-size:18px;line-height:1.6;color:var(--mute)}.herd-scene{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 50px 120px -40px #000000d9}.herd-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:36px 0 70px}.herd-notes div{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.herd-notes b{font-weight:500;font-size:16px}.herd-notes code{overflow-wrap:anywhere;align-self:flex-start;font:13px JBM,monospace;color:#e8b46a;background:#18191c;border:1px solid var(--line);border-radius:6px;padding:3px 8px}.herd-notes span{font-size:14.5px;line-height:1.55;color:var(--mute)}@media(max-width:960px){.herd-head,.herd-notes{grid-template-columns:1fr}}.doc{display:grid;grid-template-columns:220px minmax(0,760px);gap:96px;padding:110px 0 40px}.toc{position:sticky;top:48px;align-self:start;font-size:14px}.toc .file{font:12px JBM,monospace;color:var(--dim);padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid var(--line)}.toc a{display:flex;gap:12px;padding:7px 0;color:var(--dim);transition:color .2s}.toc a span{font:12px/20px JBM,monospace;color:#3f4248;transition:color .2s}.toc a:hover{color:var(--mute)}.toc a.on{color:var(--fg)}.toc a.on span{color:#e8912a}.md section{padding:0 0 120px;scroll-margin-top:48px}.md h2{font-weight:560;font-size:34px;line-height:1.1;letter-spacing:-.025em;margin-bottom:22px}.md h2 i{font:400 24px JBM,monospace;font-style:normal;color:#3f4248;margin-right:12px;vertical-align:3px}.md h3{font-weight:560;font-size:20px;letter-spacing:-.015em;margin:48px 0 14px}.md h3 i{font:400 15px JBM,monospace;font-style:normal;color:#3f4248;margin-right:10px}.md p,.md li{font-size:17px;line-height:1.68;color:var(--mute)}.md p+p,.md pre+p{margin-top:14px}.md b{color:var(--fg);font-weight:500}.md code{font:14px JBM,monospace;color:#d6d8dd;background:#18191c;border:1px solid var(--line);border-radius:5px;padding:1px 6px}.md ul,.md ol{margin:18px 0 0 22px;display:grid;gap:8px}.md li::marker{color:#4a4d53;font-family:JBM,monospace;font-size:14px}.md pre{margin:26px 0 0;padding:18px 20px;background:#121315;border:1px solid var(--line);border-radius:10px;font:13.5px/1.75 JBM,monospace;color:#c9cbd0;white-space:pre;overflow-x:auto}.md pre .d{color:#62666e}.md pre .w{color:#76a8ff}.md pre .b{color:#f2a33c}.md pre .g{color:#4cc48c}.md pre .o{color:#d97757}.md pre .hi{color:#fff}.md pre .evs{display:block;min-height:7em}.md pre .ev,.md pre .ev-wait{display:block}.md pre .ev{animation:evin .4s ease}@keyframes evin{0%{opacity:0;transform:translate(-6px)}}.md .more{color:var(--fg);border-bottom:1px solid #3a3d43}.md details{border-top:1px solid var(--line)}.md details:last-of-type{border-bottom:1px solid var(--line)}.md summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:500;color:var(--fg)}.md summary::-webkit-details-marker{display:none}.md summary:after{content:"+";font:400 20px JBM,monospace;color:var(--dim);transition:transform .2s}.md details[open] summary:after{transform:rotate(45deg)}.md details p{padding:0 0 20px;margin:0}.md details ul{margin:-8px 0 22px 22px}.md details a{color:var(--fg);border-bottom:1px solid #3a3d43}.md .more:hover{border-color:var(--fg)}.crop{margin:30px 0 0;border-radius:12px;overflow:hidden;pointer-events:none;box-shadow:0 0 0 1px #ffffff17,0 30px 70px -30px #000000b3}.crop.narrow{max-width:380px}.cap{font-size:13px;color:var(--dim);margin-top:12px}.s{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.s:before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor}.s.b{color:#f2a33c}.end{position:relative;padding:110px 0 120px;border-top:1px solid var(--line);overflow:hidden}.end .ram{position:absolute;right:20px;top:60px;width:340px;color:#ffffff0a}.end h2{font-weight:560;font-size:clamp(44px,5.4vw,72px);line-height:1.02;letter-spacing:-.035em}.end h2 span{color:var(--mute)}@media(max-width:960px){.doc{grid-template-columns:minmax(0,1fr);gap:0}.toc{display:none}.crop.narrow{max-width:none}}