:root{--cream:#f3efe6;--paper:#faf7f0;--ink:#1a1917;--accent:#f4701a;--rule:#d4cdc0;--rule-strong:#b9b1a3;--muted:#66645f;--mono:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img,video{max-width:100%;display:block}.shell{max-width:1240px;margin:0 auto;padding:clamp(16px,2.4vw,24px) clamp(18px,4vw,40px) 72px}.eyebrow,.count,.tag,.card__year,.footer,.browse__clear,.empty__clear{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 28px;margin-bottom:12px;display:flex}.topbar__brand{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:600;line-height:1.25}.lede{color:var(--muted);margin:0;font-size:13.5px;line-height:1.4}.browse{flex:0 11rem;margin:0 0 0 auto}.browse__q{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);font-family:var(--sans);text-align:right;appearance:none;background:0 0;border-radius:0;outline:none;padding:0 0 4px;font-size:13px;line-height:1.4}.browse__q::placeholder{color:var(--muted)}.browse__q:focus-visible{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:4px}.topbar__filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:18px;display:flex}.browse__tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.browse__tags .tag{background:color-mix(in srgb, var(--ink) 7%, var(--cream));border-color:#0000}.browse__tags .tag:hover{background:color-mix(in srgb, var(--ink) 12%, var(--cream));border-color:#0000}.browse__tags .tag[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:#0000}.browse__tags .tag:disabled:hover{background:color-mix(in srgb, var(--ink) 7%, var(--cream));border-color:#0000}.browse__meta{flex:none;align-items:baseline;gap:14px;margin:0;display:flex}.count{margin:0}.browse__clear,.empty__clear{cursor:pointer;color:var(--accent);letter-spacing:.08em;background:0 0;border:0;margin:0;padding:0}.browse__clear:hover,.empty__clear:hover{color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(28px,4vw,44px) 22px;margin:0;padding:0;list-style:none;display:grid}.card{min-width:0;position:relative}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";cursor:pointer;border-radius:8px;position:absolute;inset:0}.card__link:focus-visible{outline:none}.card__link:focus-visible:after{outline:3px solid var(--accent);outline-offset:5px;box-shadow:0 0 0 2px var(--cream)}.card__media{aspect-ratio:1;border:1px solid var(--rule);background:color-mix(in srgb, var(--cream) 55%, #fff);border-radius:6px;margin:0;display:block;position:relative}.card__clip{border-radius:5px;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#000,#000)}.card__poster,.card__video{object-fit:cover;width:100%;height:100%;display:block}.card__video{opacity:0;transition:opacity .26s;position:absolute;inset:0}.card.is-playing .card__video{opacity:1}.card__body{padding:14px 2px 0}.card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card__title{letter-spacing:-.012em;margin:0;font-size:17px;font-weight:500;transition:color .16s}.card:hover .card__title,.card__link:focus-visible{color:var(--accent)}.card__year{flex:none}.card__blurb{color:color-mix(in srgb, var(--ink) 64%, var(--cream));margin:7px 0 0;font-size:13.5px}.card__foot{flex-wrap:wrap;gap:7px;margin-top:14px;padding:0 2px;display:flex}.tag{border:1px solid color-mix(in srgb, var(--ink) 18%, var(--cream));background:color-mix(in srgb, var(--ink) 3%, var(--cream));color:color-mix(in srgb, var(--ink) 72%, var(--cream));letter-spacing:.08em;border-radius:999px;padding:4px 9px}button.tag{appearance:none;cursor:pointer}button.tag:hover{border-color:color-mix(in srgb, var(--ink) 34%, var(--cream));color:var(--ink)}button.tag[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--cream)}button.tag:focus-visible,.browse__clear:focus-visible,.empty__clear:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.tag:disabled{cursor:default;opacity:.38}button.tag:disabled:hover{border-color:color-mix(in srgb, var(--ink) 18%, var(--cream));color:color-mix(in srgb, var(--ink) 72%, var(--cream))}.tag--warn{border-color:var(--accent);color:var(--accent);display:none}html.no-webgpu .tag--warn{display:inline-block}.empty{color:color-mix(in srgb, var(--ink) 70%, var(--cream));margin:0;font-size:15px}.empty__clear{margin-left:10px}.footer{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 20px;margin-top:clamp(48px,8vw,88px);padding-top:18px;display:flex}.footer a{color:inherit;border-bottom:1px solid var(--rule);text-decoration:none}.footer a:hover{color:var(--accent);border-color:var(--accent)}.footer a:focus-visible{color:var(--accent);outline:3px solid var(--accent);outline-offset:3px}.notfound{flex-direction:column;justify-content:center;max-width:46ch;min-height:60vh;display:flex}.notfound h1{letter-spacing:-.025em;margin:12px 0 14px;font-size:clamp(30px,6vw,48px);font-weight:500}.notfound .lede{font-size:15px}.notfound a{color:var(--accent);border-bottom:1px solid;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}