:root{--black:#080808;--white:#f0ede8;--dim:#f0ede88c;--faint:#f0ede824;--panel:#080808d1;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 6vw, 96px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--black);color:var(--white);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid var(--white);outline-offset:4px}#scene{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:fixed;inset:0}body>:where(:not(#scene,.scanlines)){z-index:2;position:relative}.rule{border-bottom:1px solid var(--white);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:.75rem;font-size:.6875rem;display:flex}#stamp{z-index:3;opacity:.35;letter-spacing:.08em;pointer-events:none;font-size:.6875rem;position:fixed;bottom:1rem;right:1rem}.hero{min-height:100svh;padding:0 var(--gutter);flex-direction:column;justify-content:center;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(2rem,7vw,5rem);font-weight:400;line-height:1.05}.hero p{letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-top:1rem;font-size:.875rem}.hero__cue{left:var(--gutter);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:.6875rem;position:absolute;bottom:2rem}.hero__cue:hover{color:var(--white)}.index{padding:6rem var(--gutter) 4rem;background:linear-gradient(to bottom, transparent, var(--panel) 8rem)}.row{border-bottom:1px solid var(--faint);grid-template-columns:3rem 1fr auto 5rem 12rem;align-items:center;gap:1.5rem;padding:1.25rem .75rem;transition:background .15s,color .15s;display:grid}.row:hover,.row:focus-visible{background:var(--white);color:var(--black)}.row__no,.row__year,.row__tags{letter-spacing:.08em;font-size:.75rem}.row__no,.row__year{opacity:.6}.row__tags{opacity:.7;text-transform:uppercase}.row__title{letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,3rem);line-height:1}.row__logo{width:auto;height:clamp(1.1rem,2.6vw,2.25rem);display:block}.row:hover .row__logo,.row:focus-visible .row__logo{filter:invert()}.row__thumb{aspect-ratio:16/9;background:#111;display:block;overflow:hidden}.row__thumb img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .3s;display:block}.row:hover .row__thumb img{filter:none}.index__more{letter-spacing:.08em;color:var(--dim);margin-top:1.5rem;font-size:.75rem}.foot{padding:2rem var(--gutter) 3rem;background:var(--panel);border-top:1px solid var(--faint);letter-spacing:.08em;justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.foot a:hover{text-decoration:underline}@media (width<=760px){.row{grid-template-columns:2rem 1fr auto;grid-template-areas:"no title year""thumb thumb thumb""tags tags tags";gap:.75rem;padding:1.25rem 0}.row:hover{padding-inline:.75rem}.row__no{grid-area:no}.row__title{grid-area:title}.row__year{grid-area:year}.row__thumb{grid-area:thumb}.row__tags{grid-area:tags}.row__thumb img{filter:none}}.bar{padding:1rem var(--gutter);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--faint);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;font-size:.6875rem;display:flex;position:sticky;top:0;z-index:4!important}.bar a:hover{text-decoration:underline}.case__head{padding:18vh var(--gutter) 6rem}.case__head h1{letter-spacing:-.04em;font-size:clamp(3rem,13vw,11rem);font-weight:400;line-height:.9}.case__head--banner{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:92svh;padding-top:8rem;padding-bottom:4rem;display:flex;position:relative}.case__bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.case__bg img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.case__bg:after{content:"";background:linear-gradient(to bottom, #08080859 0%, #0808081a 30%, #080808bf 62%, var(--black) 100%), linear-gradient(to right, #0808088c, transparent 60%);position:absolute;inset:0}.case__head--banner .case__lede{color:#f0ede8cc}.grid{align-items:start}.still--mark img{background:0 0;border-color:#0000}.still--capped{max-width:1090px}.chapter--archive .rule{border-bottom-color:var(--faint);color:var(--dim)}.archive__note{max-width:28rem;color:var(--dim);font-size:.8125rem}.case__logo img{width:min(100%,52rem);height:auto;display:block}.case__lede{max-width:42rem;color:var(--dim);margin-top:2rem;font-size:clamp(.95rem,1.4vw,1.125rem)}.meta{border-top:1px solid var(--white);grid-template-columns:repeat(4,1fr);margin-top:4rem;display:grid}.meta>div{padding:.875rem 1rem 0 0}.meta dt{letter-spacing:.2em;text-transform:uppercase;opacity:.5;font-size:.6875rem}.meta dd{margin-top:.375rem;font-size:.8125rem}.case main{background:var(--panel)}.chapter{padding:4rem var(--gutter) 2rem}.chapter>*+*{margin-top:1.5rem}.grid{gap:1.5rem;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.film,.still{position:relative}.film video,.still img{border:1px solid var(--faint);background:#111;width:100%;height:auto;display:block}.film__sound{border:1px solid var(--white);background:var(--black);color:var(--white);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.375rem .625rem;font-size:.6875rem;position:absolute;top:.75rem;right:.75rem}.film__sound:hover,.film.is-loud .film__sound{background:var(--white);color:var(--black)}figcaption{letter-spacing:.04em;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.75rem;font-size:.75rem;display:flex}figcaption b{text-transform:uppercase;letter-spacing:.12em;font-weight:400}figcaption span{color:var(--dim)}.next{padding:4rem var(--gutter);background:var(--panel);border-top:1px solid var(--faint);letter-spacing:.08em;justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.next a:hover{text-decoration:underline}.case #stamp{padding:0 var(--gutter) 2rem;background:var(--panel);text-align:right;position:static}@media (width<=900px){.grid--3{grid-template-columns:1fr 1fr}.meta{grid-template-columns:1fr 1fr;row-gap:1.25rem}}@media (width<=600px){.grid--2,.grid--3{grid-template-columns:1fr}.case__head{padding-top:12vh}.next,.foot{flex-direction:column}}