:root{--paper:#FFFFFF;--ink:#000000;--unlit:#E3E3E0;--mute:#76767A;--rule:#E7E7E4;--tile:#F2F2F0;--guide:#9EA0F0;--sans:"Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--gutter:clamp(16px, 2vw, 28px);--space:clamp(120px,11vw,176px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.ph{color:var(--mute)}.lbl{font:400 10px/2.1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.head{padding-top:clamp(140px,19vh,200px);padding-bottom:clamp(56px,6vw,88px);row-gap:28px}.head .tag{grid-column:1 / span 3;font-size:14px;color:var(--mute);padding-top:.4em}h1{grid-column:4 / span 9;margin:0;font-weight:500;letter-spacing:-.055em;line-height:.86;font-size:clamp(40px,6vw,100px);text-wrap:balance}h1 .ln{display:block;color:transparent;padding-bottom:.06em;margin-bottom:-.06em;background:linear-gradient(90deg,var(--ink) 0 46%,#9a9a96 50%,var(--unlit) 54% 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:light 1.3s cubic-bezier(.6,0,.2,1) both}h1 .ln:nth-child(1){animation-delay:.15s}h1 .ln:nth-child(2){animation-delay:.3s}@keyframes light{0%{background-position:100% 0}to{background-position:0 0}}.head .lede{grid-column:4 / span 5;margin:0;font-size:clamp(17px,1.45vw,21px);line-height:1.42;letter-spacing:-.012em;max-width:44ch;color:var(--mute)}.bar{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:10;background:var(--paper);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:14px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.search{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 260px;max-width:420px}.search label{font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.search input{flex:1;min-width:0;font:inherit;font-size:15px;border:0;border-bottom:1px solid var(--rule);padding:8px 0;background:transparent;color:var(--ink);border-radius:0}.search input:focus{outline:0;border-bottom-color:var(--ink)}.views{display:flex;align-items:center;gap:14px}.count{font:400 12px/1 var(--mono);color:var(--mute)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--tile)}.seg button{all:unset;cursor:pointer;font-size:13px;min-width:14px;text-align:center;padding:7px 12px;border-radius:999px;color:var(--mute);transition:background .2s,color .2s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0000001a}.seg button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.pillbtn{all:unset;cursor:pointer;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--rule)}.pillbtn:hover{border-color:var(--ink)}.pillbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.grid{--cols:6;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;padding-block:32px var(--space)}.tile{all:unset;box-sizing:border-box;cursor:pointer;position:relative;background:var(--tile);border-radius:10px;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;animation:stamp .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s);transition:background .25s}@keyframes stamp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.tile img{width:42%;height:42%;object-fit:contain;transition:filter .25s,transform .4s cubic-bezier(.2,.7,.2,1)}.tile .no,.tile .nm{position:absolute;bottom:9px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--mute)}.tile .no{left:11px;font-family:var(--mono)}.tile .nm{right:11px;opacity:0;transition:opacity .25s}.tile:hover,.tile:focus-visible{background:var(--ink)}.tile:hover img,.tile:focus-visible img{filter:invert(1);transform:scale(1.06)}.tile:hover .no,.tile:hover .nm,.tile:focus-visible .no,.tile:focus-visible .nm{color:#c9c9c4;opacity:1}.tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.empty{grid-column:1 / -1;padding:48px 0;color:var(--mute)}dialog{border:0;padding:0;margin:auto;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);border-radius:14px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#ffffffb8;backdrop-filter:blur(8px)}dialog[open]{animation:rise .35s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.sheet{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.stage{position:relative;aspect-ratio:1;background:var(--tile);display:grid;place-items:center;transition:background .35s}.stage img{width:52%;height:52%;object-fit:contain;transition:filter .35s}.stage.neg{background:var(--ink)}.stage.neg img{filter:invert(1)}.stage svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s;pointer-events:none}.stage.grid-on svg{opacity:1}.stage svg *{fill:none;stroke:var(--guide);stroke-width:1;vector-effect:non-scaling-stroke}.stage svg .fine{opacity:.35}.info{padding:28px clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:22px;min-width:0}.info .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.info h2{margin:0;font-weight:500;letter-spacing:-.05em;line-height:.92;font-size:clamp(36px,4vw,64px)}.info dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px}.info dt{font:400 10px/2.1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.info dd{margin:0}.info .opts{display:grid;gap:10px;border-top:1px solid var(--rule);padding-top:18px}.info .opts>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.info .opts span{font-size:14px;color:var(--mute)}.switch{all:unset;cursor:pointer;width:40px;height:24px;border-radius:999px;background:var(--rule);position:relative;transition:background .25s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px #0003;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.info .go{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rule);padding-top:18px}.info .go a{font-size:14px;border-bottom:1px solid var(--ink)}.nav2{display:flex;gap:6px}.round{all:unset;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--rule);font-size:15px}.round:hover{border-color:var(--ink)}.round:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.end{border-top:1px solid var(--rule);padding-block:28px var(--space);row-gap:28px}.end .tag{grid-column:1 / span 3;font-size:14px;color:var(--mute)}.end h2{grid-column:4 / span 9;margin:0;font-weight:500;letter-spacing:-.055em;font-size:clamp(40px,6vw,100px);line-height:.86}.end .act{grid-column:4 / span 9;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:15px;color:var(--mute)}.end .act .cta{min-height:52px;padding:0 26px;font-size:15px}.end .act a:not(.cta){color:var(--ink);border-bottom:1px solid var(--ink)}footer{border-top:1px solid var(--rule);padding-block:20px 28px;font-size:14px;row-gap:16px}footer div{grid-column:span 3}footer span{color:var(--mute);display:block}@media(max-width:980px){.head .tag,h1,.head .lede,.end .tag,.end h2,.end .act{grid-column:1 / -1}.sheet{grid-template-columns:1fr}footer div{grid-column:span 6}}@media(max-width:640px){.bar{position:static}.tile .nm{opacity:1}footer div{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}h1 .ln{background:none;color:var(--ink)}}