@font-face{font-family:Jost;src:url(/fonts/jost-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#0d0d0c;--panel:#151513;--ink:#e9e5dc;--soft:#8c877c;--line:#ffffff14;--accent:#ff7000;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:400 1rem/1.6 Jost,Helvetica Neue,sans-serif}.label{font:500 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.hero{border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;height:100dvh;padding:22px clamp(16px,3vw,40px);display:grid;position:sticky;top:0}.hero header{justify-content:space-between;align-items:baseline;display:flex}.hero header a{color:inherit;letter-spacing:-.02em;font-weight:600;text-decoration:none}.art{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;display:grid}.art img,.art video{object-fit:contain;border-radius:4px;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:100%}.art video{opacity:0;transition:opacity .3s}.art.live video{opacity:1}.art.live img{opacity:0}.caption{grid-template-columns:1fr auto;align-items:end;gap:8px 18px;display:grid}.caption h1{letter-spacing:-.04em;max-width:16ch;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:500;line-height:1}.track{background:var(--line);grid-column:1/-1;height:2px;position:relative}.track i{transform-origin:0;background:var(--accent);position:absolute;inset:0;transform:scaleX(0)}.gallery{padding:22px clamp(16px,3vw,40px) 60px}.gallery .intro{padding:clamp(40px,12vh,120px) 0 28px}.gallery h2{letter-spacing:-.04em;max-width:18ch;margin:10px 0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:1.05}.gallery p{color:var(--soft);max-width:40ch;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(min(44vw,170px),1fr));gap:6px;display:grid}.cell{aspect-ratio:1;cursor:pointer;background:#1c1c1a;border:0;border-radius:4px;padding:0;display:block;position:relative;overflow:hidden}.cell img,.cell video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cell video{opacity:0}.cell.hovered.live video,.cell.playing video{opacity:1}.cell .bar{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:22px;display:flex}footer a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:5px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=820px){.split{grid-template-columns:1fr}.hero{z-index:2;border-right:0;border-bottom:1px solid var(--line);gap:10px;height:56dvh;padding-block:14px}.caption h1{font-size:1.3rem}.gallery .intro{padding-top:32px}}@media (width<=420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html{color-scheme:dark;scrollbar-color:#8c877c #151513}::selection{background:var(--accent);color:var(--bg)}.hero nav{display:inline}.controls{margin:14px 0 22px}.controls button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #615d55;border-radius:4px;min-height:44px;padding:8px 12px}.controls button:hover{border-color:var(--accent)}.cell:focus-visible{outline-offset:-3px}.cell:hover{cursor:ew-resize}.cell:not([data-video]):hover{cursor:zoom-in}.gallery{scroll-margin-top:57dvh}.skip{z-index:5;background:var(--ink);color:var(--bg);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}@media (prefers-reduced-motion:reduce){.art video{transition:none}}