:root{--bg: #0e0e10;--ink: #ffffff;--ink-soft: #d6d6da;--ink-dim: oklch(.72 0 0);--ink-faint: oklch(.55 0 0);--accent: #e8472b;--accent-text: #ff6b4a;--frame: #4a4a4e;--muted: #26262b;--panel: oklch(.97 0 0);--panel-ink: #161616;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Schibsted Grotesk", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--z-chrome: 25;--z-list: 20;--z-detail: 30;--z-cookies: 40;--ease-expo: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}#gl{position:fixed;inset:0;cursor:grab;touch-action:none}#gl.is-dragging{cursor:grabbing}#gl.is-hovering{cursor:pointer}#gl canvas{display:block}#gl:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 55%,oklch(.07 0 0 / .55) 100%)}.chrome{position:fixed;left:0;right:0;z-index:var(--z-chrome);display:flex;align-items:flex-start;gap:clamp(16px,3vw,48px);padding:20px 24px;pointer-events:none;font-size:11px;letter-spacing:.02em}.chrome a,.chrome button{pointer-events:auto}.chrome-top{top:0;justify-content:space-between}.chrome-bottom{bottom:0;align-items:flex-end;justify-content:space-between}.logo{display:block}.logo img{display:block;height:26px;width:auto}.sound{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;margin-top:4px}.sound-dots{display:grid;grid-template-columns:repeat(6,3px);gap:2px}.sound-dots i{width:2px;height:2px;border-radius:50%;background:var(--ink-dim)}.sound:hover .sound-dots i{background:var(--ink)}.blurb{color:var(--ink);font-size:11px;line-height:1.55;margin-top:2px}.clocks{margin-top:2px;min-width:220px}.clock-row{display:grid;grid-template-columns:12px 110px 1fr;align-items:baseline;gap:8px;line-height:1.55}.clock-row.dim{color:var(--ink-faint)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);align-self:center}.dot-night{background:transparent;box-shadow:inset -2px -1px 0 1px var(--ink-faint)}.cta{background:var(--accent);color:#fff;font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none;padding:18px 30px;border-radius:0;transition:transform .45s var(--ease-expo),background .3s}.cta:hover{transform:scale(1.05);background:#f25535}.view-toggle{display:flex;gap:6px;background:#161616bf;padding:6px;border-radius:0;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vt-btn{width:36px;height:36px;border-radius:0;border:0;background:transparent;color:var(--ink-dim);cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s}.vt-btn svg{width:14px;height:14px;fill:currentColor}.vt-btn:hover{color:var(--ink)}.vt-btn.is-active{background:var(--panel);color:var(--panel-ink)}.nav-pill{position:absolute;left:50%;transform:translate(-50%);bottom:20px;display:flex;gap:4px;background:#161616bf;border-radius:0;padding:5px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-pill a{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;padding:12px 26px;border-radius:0;transition:background .3s,color .3s}.nav-pill a:hover{background:#333c}.nav-pill a.is-active{background:var(--panel);color:var(--panel-ink)}.list-view{position:fixed;inset:0;z-index:var(--z-list);overflow-y:auto;background:var(--bg);padding:120px 24px 140px}.list-view ol{list-style:none;max-width:1100px;margin:0 auto}.list-view li button{display:grid;grid-template-columns:56px 1fr auto auto;gap:24px;align-items:baseline;width:100%;text-align:left;background:none;border:0;border-top:1px solid oklch(.3 0 0);color:var(--ink);font-family:var(--mono);font-size:12px;padding:22px 8px;cursor:pointer;transition:background .25s}.list-view li:last-child button{border-bottom:1px solid oklch(.3 0 0)}.list-view li button:hover{background:#141414}.list-view .lv-idx{color:var(--ink-faint)}.list-view .lv-title{font-family:var(--display);font-size:clamp(20px,3vw,32px);font-weight:500}.list-view .lv-client{color:var(--ink-dim);text-transform:uppercase}.list-view .lv-year{color:var(--ink-faint)}.detail{position:fixed;inset:0;z-index:var(--z-detail);background:var(--bg);overflow-y:auto}.detail-inner{max-width:1200px;margin:0 auto;padding:28px 24px 96px}.detail-back{background:none;border:1px solid oklch(.35 0 0);border-radius:0;color:var(--ink);font-family:var(--mono);font-size:11px;padding:12px 20px;cursor:pointer;transition:background .3s,color .3s}.detail-back:hover{background:var(--panel);color:var(--panel-ink)}.detail-head{margin:clamp(40px,8vh,88px) 0 36px}.detail-client{font-family:var(--mono);font-size:12px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.detail-title{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,7vw,5.5rem);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;max-width:16ch}.detail-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.detail-meta li{font-size:11px;text-transform:uppercase;border:1px solid var(--frame);border-radius:0;padding:7px 14px;color:var(--ink-soft)}.detail-hero{border-radius:0;overflow:hidden;aspect-ratio:16 / 9;background:#121212}.detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.detail-body{margin-top:48px;max-width:62ch;font-family:var(--sans);font-size:15px;line-height:1.8;color:var(--ink-soft)}.detail-note{margin-top:20px;color:var(--ink-faint);font-size:11px}.cookies{position:fixed;right:20px;bottom:86px;z-index:var(--z-cookies);width:270px;background:var(--panel);color:var(--panel-ink);border-radius:0;padding:26px}.cookies-copy{font-size:10.5px;line-height:1.6}.cookies-copy a{color:inherit}.cookies-actions{margin-top:14px;display:flex;flex-direction:column}.ck{background:none;border:0;font-family:var(--display);font-weight:600;font-size:38px;letter-spacing:-.01em;line-height:1.05;text-align:left;cursor:pointer;padding:0}.ck-accept{color:var(--panel-ink)}.ck-decline{color:#ababab}.ck:hover{text-decoration:underline}.drag-hint{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:var(--z-chrome);font-size:10px;letter-spacing:.25em;color:var(--accent-text);pointer-events:none}@media(max-width:900px){.blurb,.clocks,.sound,.view-toggle{display:none}.cta{padding:14px 22px;font-size:14px}.cookies{right:12px;left:12px;width:auto;bottom:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}