:root{--paper:oklch(.972 .011 85);--paper-deep:oklch(.945 .014 82);--ink:oklch(.24 .02 60);--ink-soft:oklch(.44 .02 65);--ink-faint:oklch(.6 .018 70);--rule:oklch(.87 .014 80);--focus:oklch(.45 .16 262);--serif:"Instrument Serif","Iowan Old Style",Georgia,serif;--sans:"Hanken Grotesk","Helvetica Neue",sans-serif;--step--1:clamp(.78rem,.76rem + .1vw,.84rem);--step-0:clamp(.94rem,.9rem + .18vw,1.02rem);--step-1:clamp(1.2rem,1.1rem + .45vw,1.45rem);--step-2:clamp(1.7rem,1.45rem + 1.1vw,2.4rem);--step-3:clamp(2.4rem,1.9rem + 2.4vw,4rem);--gutter:clamp(1rem,.6rem + 2vw,2.5rem);--ease-out:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{font-family:var(--sans);font-size:var(--step-0);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.masthead{position:sticky;z-index:10;display:flex;padding:1rem var(--gutter).85rem;background:color-mix(in oklch,var(--paper)92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);align-items:baseline;gap:clamp(1rem,3vw,2.75rem);top:0}.wordmark{font-family:var(--serif);font-style:italic;font-size:var(--step-2);letter-spacing:-.01em;line-height:1}.tally{color:var(--ink-faint);font-size:var(--step--1);white-space:nowrap}.nav{display:flex;font-size:var(--step--1);letter-spacing:.02em;gap:1.25rem}.nav a{color:var(--ink-soft);border-bottom:1px solid #0000;padding-bottom:2px}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.nav .soon{color:var(--ink-faint);cursor:default}.searchbox{flex:0 22rem;margin-left:auto}.searchbox input{font:inherit;font-size:var(--step-0);border:0;border-bottom:1px solid var(--ink-faint);color:var(--ink);background:0 0;width:100%;padding:.35rem 0}.searchbox input::placeholder{color:var(--ink-faint);font-family:var(--serif);font-style:italic;font-size:var(--step-1)}.searchbox input:focus{outline:none;border-bottom-color:var(--ink)}@media (max-width:760px){.masthead{flex-wrap:wrap;row-gap:.5rem}.tally{display:none}.searchbox{flex-basis:100%}}main{padding:clamp(1.5rem,4vw,3.5rem)var(--gutter)5rem}.eyebrow{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.title{font-family:var(--serif);font-weight:400;font-size:var(--step-3);letter-spacing:-.015em;max-width:20ch;margin:.2em 0 .35em;line-height:.98}.meta{color:var(--ink-soft);font-size:var(--step--1)}.meta a{border-bottom:1px solid var(--rule)}.meta a:hover{border-bottom-color:var(--ink)}.ink-dot{display:inline-block;background:var(--u);vertical-align:.08em;border-radius:50%;width:.62em;height:.62em;margin-right:.45em}.quiet{font-family:var(--serif);color:var(--ink-faint);font-style:italic;font-size:var(--step-1)}.reveal{animation:rise .6s var(--ease-out)both;animation-delay:calc(var(--i,0)*45ms)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.people{display:grid;gap:clamp(2.25rem,5vw,4rem);margin-top:1rem}.person{display:grid;gap:.9rem}.person-name{font-family:var(--serif);font-size:var(--step-3);letter-spacing:-.015em;display:inline-flex;align-items:baseline;gap:.25em;line-height:1}.person-name .ink-dot{align-self: center;width:.22em;height:.22em;margin-right:.08em}.person:hover .person-name{color:var(--u)}.filmstrip{display:flex;overflow:hidden;gap:6px;height:clamp(72px,9vw,110px)}.filmstrip img{background:var(--paper-deep);filter:saturate(.85);transition:filter .3s var(--ease-out);flex:none;width:auto;height:100%}.person:hover .filmstrip img{filter:none}.index{list-style:none;border-top:1px solid var(--rule);margin:1.5rem 0 0;padding:0}.index li{border-bottom:1px solid var(--rule)}.index a{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: center;gap:1rem 2rem;padding:.85rem 0}.index .ch-title{font-family:var(--serif);font-size:var(--step-1);line-height:1.15}.index .ch-count{color:var(--ink-faint);font-size:var(--step--1);margin-left:.6rem}.index .ch-count b{color:var(--ink-soft);font-weight:500}.index .thumbs{display:flex;gap:4px;height:44px}.index .thumbs img{object-fit:cover;background:var(--paper-deep);width:44px;height:100%}.index a:hover .ch-title{color:var(--u)}.wall-gap{height:1.75rem}.masonry{position:relative}.masonry-item{position:absolute;top:0;left:0}.wall.ranked{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));align-items: start;gap:1.4rem 1.1rem;margin-top:1.75rem}.wall.ranked.tight{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.9rem .7rem;margin-top:.75rem}.tile{display:block;text-align:left;cursor:pointer;width:100%}.tile-media{position:relative;overflow:hidden;background:var(--paper-deep)}.tile-media.square{aspect-ratio:1}.tile-media img{object-fit:cover;opacity:0;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);width:100%;height:100%}.tile-media img.loaded{opacity:1}.tile-media.square img,.tile-media img.unknown-aspect{object-fit:contain}.tile:hover .tile-media img{transform:scale(1.015)}@media (prefers-reduced-motion:reduce){.tile-media img{transition:none}.tile:hover .tile-media img{transform:none}}.slip{background:var(--paper-deep);font-family:var(--serif);color:var(--ink);overflow-wrap:anywhere;padding:.9rem .95rem 1rem;font-size:1.05rem;line-height:1.3}.tile-media .slip{overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,#0000);height:100%}.wall.tight .tile-media .slip{padding:.6rem;font-size:.8rem}.slip.link{font-family:var(--sans);font-size:var(--step--1);line-height:1.4}.slip.link strong{display:block;font-weight:600;font-size:var(--step-0);margin-bottom:.3rem}.tile-cap{display:flex;font-size:var(--step--1);color:var(--ink-faint);justify-content:space-between;gap:.5rem;height:22px;margin-top:6px;line-height:22px}.tile-cap span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-cap .sim{color:var(--ink-soft);flex:none}.tile[data-user] .tile-cap{box-shadow:inset 0 -2px 0 var(--u)}.chips{display:flex;font-size:var(--step--1);flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.4rem}.chip{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 2px}.chip[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--u,var(--ink))}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1rem}.suggestions a{font-family:var(--serif);font-style:italic;font-size:var(--step-1);border-bottom:1px solid var(--rule)}.suggestions a:hover{border-bottom-color:var(--ink)}.constellation{position:relative;height:calc(100dvh - 4.6rem)}.constellation canvas{display:block}.legend{position:absolute;left:var(--gutter);display:grid;font-size:var(--step--1);color:var(--ink-soft);background:color-mix(in oklch,var(--paper)88%,transparent);gap:.6rem;max-width:20rem;padding:.9rem 1rem;bottom:1.25rem}.legend .people-key{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.legend label{display:flex;cursor:pointer;align-items: center;gap:.45rem}.legend input[type=range]{accent-color:var(--ink);width:6rem}.legend select{font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--ink-faint);background:0 0;padding:.1rem 0}.legend p{color:var(--ink-faint);margin:0}.graph-tip{font-family:var(--sans);color:var(--ink);background:var(--paper);box-shadow:0 1px 0 var(--rule);padding:4px 8px;font-size:12px}.scrim{position:fixed;z-index:20;background:oklch(.24 .02 60/.18);animation:fade .3s var(--ease-out)both;inset:0}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;z-index:21;overflow-y:auto;background:var(--paper);border-left:1px solid var(--rule);animation:slide .45s var(--ease-out)both;width:min(36rem,100vw);padding:1.25rem clamp(1.1rem,3vw,2rem) 3rem;top:0;bottom:0;right:0}@keyframes slide{0%{transform:translate(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.drawer,.scrim{animation:none}}.drawer-close{float:right;cursor:pointer;font-size:var(--step--1);color:var(--ink-soft);background:0 0;border:0;padding:.25rem 0}.drawer-close:hover{color:var(--ink)}.drawer .hero{margin:2rem 0 1rem}.drawer .hero img{object-fit:contain;object-position:left;width:100%;max-height:62vh}.drawer .hero .slip{white-space:pre-wrap;padding:1.25rem;font-size:1.25rem}.drawer h2{font-family:var(--serif);font-weight:400;font-size:var(--step-2);margin:.4rem 0 .5rem;line-height:1.05}.drawer h3{margin:2rem 0 .6rem}.drawer .caption{font-family:var(--serif);font-size:var(--step-1);color:var(--ink-soft);max-width:40ch;margin:0 0 1rem;line-height:1.35}.drawer .facts{display:grid;gap:.35rem}.drawer .facts a{display:inline-flex;align-items:baseline}.drawer details{font-size:var(--step--1);color:var(--ink-soft);margin-top:1rem}.drawer details summary{cursor:pointer}.drawer .scraped{white-space:pre-wrap;overflow:auto;max-height:16rem;margin-top:.5rem}.bench-lede{font-size:var(--step-0);max-width:62ch;line-height:1.55}.bench-lede strong{color:var(--ink);font-weight:600}.bench-section{max-width:60rem;margin-top:clamp(2.5rem,6vw,4.5rem)}.section-title{font-family:var(--serif);font-weight:400;font-size:var(--step-2);margin:0 0 .4rem;line-height:1.05}.bench-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem}button.chip{font:inherit;font-size:var(--step--1)}code{background:var(--paper-deep);padding:.05em .3em;font-size:.92em}.viz{position:relative;margin-top:1rem}.viz svg{display:block;overflow:visible;width:100%;height:auto}.viz-grid{stroke:var(--rule);stroke-width:1}.viz-axis{fill:var(--ink-faint);font-size:11px;font-family:var(--sans)}.viz-label{fill:var(--ink-soft);font-size:13px;font-family:var(--sans)}.viz-label.strong{fill:var(--ink);font-weight:600}.viz-value{fill:var(--ink-soft);font-size:12px;font-family:var(--sans)}.viz-span{stroke:var(--rule);stroke-width:2}.viz-dot{stroke:var(--paper);stroke-width:2}.viz-cut{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:3 3}.viz-hit{fill:transparent}.viz-row{cursor:pointer}.viz-row:hover .viz-hit{fill:var(--paper-deep)}.viz-tip{position:absolute;z-index:5;pointer-events:none;background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);box-shadow:0 6px 18px oklch(.24 .02 60/.08);max-width:18rem;padding:.4rem .6rem;font-size:12px;line-height:1.4}.viz-tip strong{color:var(--ink);font-weight:600}.viz-legend{display:flex;font-size:var(--step--1);color:var(--ink-soft);flex-wrap:wrap;gap:.3rem 1.2rem;margin-top:.4rem}.viz-legend span{display:inline-flex;align-items: center;gap:.4rem}.viz .viz-legend svg{flex:none;width:12px;height:12px}.swatch{display:inline-block;vertical-align:-.05em;width:.8em;height:.8em;margin-right:.4em}.swatch.round{border-radius:50%;margin-right:0}.bench-table{margin-top:.75rem}.bench-table summary{cursor:pointer}.viz-table{border-collapse:collapse;font-size:var(--step--1);margin-top:.6rem}.viz-table caption{text-align:left;margin-bottom:.4rem}.viz-table th,.viz-table td{text-align:left;border-bottom:1px solid var(--rule);padding:.35rem 1.4rem .35rem 0;font-weight:400}.viz-table thead th,.viz-table td{color:var(--ink-soft)}.viz-table td.best{color:var(--ink);font-weight:600}.suggestions a[aria-current=true]{border-bottom-color:var(--ink);color:var(--ink)}.bench-cols{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:1.5rem;margin-top:1.25rem}@media (max-width:760px){.bench-cols{grid-template-columns:1fr}}.bench-col-head{font-family:var(--sans);font-size:var(--step-0);margin:0 0 .75rem;font-weight:600}.bench-col-head .meta{font-weight:400}.bench-hits{list-style:none;display:grid;gap:.75rem;margin:0;padding:0}.bench-hits li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items: start;gap:.7rem}.bench-thumb img,.bench-thumb .slip{object-fit:cover;background:var(--paper-deep);width:4.5rem;height:4.5rem}.bench-thumb .slip{display:block;overflow:hidden;padding:.35rem;font-size:.7rem;line-height:1.2}.bench-hit-meta{display:grid;font-size:var(--step--1);gap:.2rem;min-width:0}.bench-hit-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grades{display:inline-flex;gap:.25rem}.grades button{border:1px solid var(--g);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;width:1.6rem;height:1.6rem;font-size:.75rem}.grades button[aria-pressed=true]{background:var(--g);color:var(--paper)}