:root{--void: #06070A;--surface: #0E0F14;--ink: #F4F4F5;--ink-dim: #8B8D94;--accent: #CC7D5E;--cyan: #00D4FF;--magenta: #FF2D7E;--border: rgba(255, 255, 255, .08);--contour: #E8E8EC;--contour-alpha: .15;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Klee One", "Noto Sans SC", "Noto Serif SC", sans-serif;--sans: "Klee One", "Noto Sans SC", "Noto Serif SC", sans-serif;--decorative: "Klee One", "Noto Serif SC", serif;--pad: max(20px, 4vmin);--ease-expo: cubic-bezier(.16, 1, .3, 1);--z-nav: 50;--z-progress: 55}body[data-theme=t1]{--void: #06070A;--surface: #0E0F14;--ink: #F4F4F5;--ink-dim: #A8A8A8;--accent: #E8E8EC;--cyan: #E8E8EC;--magenta: #E8E8EC;--border: rgba(255, 255, 255, .12);--contour: #E8E8EC;--contour-alpha: .15}body[data-theme=t6]{--void: #F5F2EC;--surface: #FFFFFF;--ink: #4A4A4A;--ink-dim: #6A6A6A;--accent: #CC7D5E;--cyan: #CC7D5E;--magenta: #CC7D5E;--border: rgba(0, 0, 0, .12);--contour: #B85C3E;--contour-alpha: .15}body[data-theme=t6] .links a,body[data-theme=t6] .links button{background:#00000008}body[data-theme=t6] .video-frame .play{color:var(--accent)}body[data-theme=t6] #theme-switcher{background:#f5f2eceb;color:var(--ink)}body[data-theme=t6] #theme-switcher button.active{color:#fff}body[data-theme=t6] #theme-switcher details>summary{color:var(--accent)}body[data-theme=t6] .progress{background:linear-gradient(90deg,var(--accent),var(--accent))}body[data-theme=t6] ::selection{color:var(--accent)}:root{--vfx-caliper: 1;--vfx-telemetry: 1;--rail-stroke: rgba(232, 232, 236, .5);--rail-vernier: var(--contour);--cropmark: rgba(232, 232, 236, .55)}body[data-theme=t6]{--rail-stroke: rgba(74, 74, 74, .5);--rail-vernier: var(--accent);--cropmark: rgba(74, 74, 74, .55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}::-webkit-scrollbar{width:0;height:0;background:transparent}html{scrollbar-width:none}::selection{background:transparent;color:var(--accent);text-shadow:0 0 1px var(--accent)}::-moz-selection{background:transparent;color:var(--accent)}p{text-wrap:pretty}body{background:var(--void);color:var(--ink);font-family:var(--display);overflow-x:hidden;-webkit-user-select:auto;user-select:auto}@media (hover: hover) and (pointer: fine){body,body *{cursor:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body,body *{cursor:auto}}#bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none;transform:translateZ(0)}#bg-fallback{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 90% at 50% 60%,#10131a,#06070a 70%);display:none}.scene{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--pad) calc(25vw + 40px) var(--pad) calc(var(--pad) * 3);max-width:100vw;box-sizing:border-box}.diff{color:var(--accent)}#hero{height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;box-sizing:border-box}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}.h-display{font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1.02;letter-spacing:-.04em;margin-bottom:24px;color:var(--accent);font-family:var(--decorative)}.h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px;color:var(--accent)}.body-text{max-width:620px;font-size:1.0625rem;line-height:1.65;color:var(--ink-dim);margin-bottom:32px}.body-text strong{color:var(--ink);font-weight:500}.small{font-family:var(--mono);font-size:.8rem;color:var(--ink-dim)}.o-hidden{overflow:hidden;display:block}.o-hidden>.up{display:block;transform:translateY(110%);transition:transform .85s var(--ease-expo);will-change:transform}.o-hidden.in>.up{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.o-hidden>.up{transform:none;transition:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:block;text-align:center;padding:var(--pad) calc(var(--pad) * 1.6) calc(var(--pad) * .6);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:none;border-radius:0;box-shadow:none;pointer-events:none}.nav a{color:var(--ink-dim);text-decoration:none;margin-left:18px;transition:color .2s;pointer-events:auto}.nav-links{display:inline-flex;justify-content:center}.nav a:hover{color:var(--accent)}.brand{color:var(--accent);font-weight:600;-webkit-user-select:none;user-select:none}.works{display:flex;flex-direction:column;gap:0;max-width:980px;width:100%}.work{display:block;width:fit-content;padding:.55rem 0;text-decoration:none;color:var(--ink);font-size:clamp(1.5rem,4.5vw,3rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;transition:opacity .35s var(--ease-expo),transform .35s var(--ease-expo)}.work:hover{color:var(--accent);transform:translate(6px)}.work .meta{display:block;font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-weight:400}.section-label{display:inline-block;align-self:flex-start;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:2px 8px;border-radius:0;margin-bottom:24px;line-height:1.8;box-decoration-break:clone;-webkit-box-decoration-break:clone}body[data-theme=t1] .section-label{background:#f4f4f5;color:#06070a}body[data-theme=t6] .section-label{background:#06070a;color:#f5f2ec}#works .section-label:nth-of-type(2){margin-top:36px}.writing{max-width:760px}.writing .post{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;border-top:1px solid var(--border);text-decoration:none;color:var(--ink);transition:opacity .3s var(--ease-expo),transform .3s var(--ease-expo)}.writing .post:last-child{border-bottom:1px solid var(--border)}.writing .post:hover{color:var(--accent);transform:translate(6px)}.writing .post h3{font-size:1.15rem;font-weight:500;letter-spacing:-.01em}.writing .post .date{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);letter-spacing:.1em;white-space:nowrap}.readmore{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;margin-top:28px;display:inline-flex;align-items:center;gap:8px}.video-frame{width:100%;max-width:820px;aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.video-frame video,.video-frame img{width:100%;height:100%;object-fit:cover;display:block}.video-frame .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1.6rem;color:#fff;mix-blend-mode:difference;background:#0000002e;backdrop-filter:blur(2px);transition:opacity .4s var(--ease-expo)}.video-frame.playing .play{opacity:0;pointer-events:none}.links{display:block;margin-top:8px}.links a,.links button{display:block;width:fit-content;margin:0 0 10px;padding:10px 18px;border:1px solid var(--border);border-radius:8px;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:.92rem;background:#0e0f1466;transition:all .25s cubic-bezier(.34,1.56,.64,1);letter-spacing:0}.links a:hover,.links button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.copied-on{display:none;color:var(--accent);font-size:.82rem;margin-left:8px;letter-spacing:0;font-family:var(--display)}.copied .copied-on{display:inline}.progress{position:fixed;top:50%;right:max(78px,9vmin);width:2px;height:50vh;transform-origin:50% 0;transform:translateY(-50%) scaleY(0);background:linear-gradient(180deg,var(--accent),var(--accent));z-index:var(--z-progress);will-change:transform;border-radius:1px}#hero{opacity:0}@media (max-width: 768px){.progress{right:max(52px,7vmin);height:40vh}:root{--pad: 24px}.scene{padding:80px 70px 80px 30px}.works .work{font-size:1.5rem}.body-text{font-size:1rem}.h1{font-size:clamp(1.6rem,7vw,2.5rem)}.h-display{font-size:clamp(2.5rem,10vw,4rem)}.nav{padding:10px 20px;text-align:center}.links a,.links button{font-size:.78rem;padding:8px 14px}.section-label,.eyebrow{font-size:.65rem}.nav a{margin-left:6px;font-size:.62rem}}@media (max-width: 375px){.scene{padding:72px 70px 72px 30px}.nav{padding:12px 70px 12px 30px}.nav a{margin-left:8px;font-size:.62rem}.works .work{font-size:1.35rem}.links a,.links button{font-size:.72rem;padding:7px 12px}.body-text{font-size:.95rem;line-height:1.55}}.cursor-cross{position:fixed;top:0;left:0;pointer-events:none;z-index:99;width:0;height:0;mix-blend-mode:difference;will-change:transform}.cursor-cross i{position:absolute;background:#fff}.cursor-cross .cx-v{width:4px;height:14px;left:-2px;top:-7px}.cursor-cross .cx-h{width:14px;height:4px;left:-7px;top:-2px}.cursor-cross.grow i{animation:crossRainbow 2.4s linear infinite}@keyframes crossRainbow{0%{background:#ff0040}16%{background:#ff8c00}33%{background:#ffe600}50%{background:#00e676}66%{background:#00b0ff}83%{background:#7c4dff}to{background:#ff0040}}.cursor-cross.hide{opacity:0}@media (hover: none),(pointer: coarse){.cursor-cross{display:none}}@media (prefers-reduced-motion: reduce){.cursor-cross{display:none}}.scroll-hint{position:absolute;left:50%;bottom:max(18px,3vmin);transform:translate(-50%);width:14px;height:18px;display:flex;align-items:flex-start;justify-content:center;text-decoration:none;color:var(--accent);opacity:.6;font-family:var(--mono);font-size:16px;line-height:1;transform-origin:50% 50%;animation:bounceY 1.8s var(--ease-expo) infinite;will-change:transform,opacity}.scroll-hint:before{content:">";display:inline-block;transform:rotate(90deg)}.scroll-hint--up:before{transform:rotate(-90deg)}.scroll-hint--up{animation-name:bounceUp}.scroll-hint:hover{opacity:1}@keyframes bounceY{0%,12%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes bounceUp{0%,12%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@media (prefers-reduced-motion: reduce){.scroll-hint{animation:none;opacity:.7}}.instr-rail{position:fixed;left:0;top:0;z-index:var(--z-progress);width:100vw;height:100vh;pointer-events:none;opacity:var(--vfx-caliper,0);transition:opacity .6s var(--ease-expo);will-change:opacity}.instr-rail svg{overflow:visible}.instr-rail .rail-svg-left{position:absolute;left:0;top:0;width:50px;height:100%}.instr-rail .rail-svg-top{position:absolute;left:0;top:0;width:100%;height:10px}.instr-rail .rail-svg-bot{position:absolute;left:0;bottom:0;width:100%;height:10px}.instr-rail .tick-micro{stroke:var(--rail-stroke);stroke-width:.6;opacity:.7}.instr-rail .tick-min{stroke:var(--rail-stroke);stroke-width:.7;opacity:.85}.instr-rail .tick-mid{stroke:var(--rail-stroke);stroke-width:1}.instr-rail .tick-main{stroke:var(--rail-stroke);stroke-width:1.5}.instr-rail .tick-label{fill:var(--ink-dim);font-family:var(--mono);font-size:8px;dominant-baseline:middle;text-anchor:start;opacity:.7}.instr-rail .tk-h-micro{stroke:var(--rail-stroke);stroke-width:.6;opacity:.65}.instr-rail .tk-h-min{stroke:var(--rail-stroke);stroke-width:.7;opacity:.8}.instr-rail .tk-h-mid{stroke:var(--rail-stroke);stroke-width:1}.instr-rail .tk-h-main{stroke:var(--rail-stroke);stroke-width:1.3}.instr-rail .v-bar{stroke:var(--rail-vernier);stroke-width:1.5;transition:stroke .3s}.instr-rail .v-readout{fill:var(--rail-vernier);font-family:var(--mono);font-size:10px;dominant-baseline:middle;transition:fill .3s}.instr-rail[data-vel=slow] .v-bar{stroke:var(--accent)}.instr-rail[data-vel=slow] .v-readout{fill:var(--accent)}.crop{position:absolute;pointer-events:none;opacity:var(--vfx-caliper,0);transition:opacity .6s var(--ease-expo)}.crop svg{width:12px;height:12px;overflow:visible}.crop-tl{top:0;left:0}.crop-tr{top:0;right:0}.crop-bl{bottom:0;left:0}.crop-br{bottom:0;right:0}.telemetry-layer{position:fixed;top:0;left:0;z-index:var(--z-nav);pointer-events:none;width:100vw;height:100vh;opacity:var(--vfx-telemetry,0);transition:opacity .6s var(--ease-expo);will-change:opacity}.tl{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap;line-height:1}.tl-tl{top:calc(var(--pad) + 4px);left:calc(var(--pad) + 4px)}.tl-tr{top:calc(var(--pad) + 4px);right:calc(var(--pad) + 4px);text-align:right}.tl-br{bottom:calc(var(--pad) + 4px);right:calc(var(--pad) + 4px);text-align:right}.tl-bl-row{position:absolute;bottom:calc(var(--pad) + 4px);left:calc(var(--pad) + 4px);display:inline-flex;align-items:center;gap:8px}.tl-bl-row .tl-bl{position:static}.tl-bl-row .nav-toggle{position:static;pointer-events:auto}.nav-toggle{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim);opacity:.65;transition:opacity .2s}.nav-toggle:hover{opacity:1}.nav-toggle svg{width:15px;height:15px;stroke:currentColor}@media (prefers-reduced-motion:reduce){.instr-rail,.telemetry-layer,.crop{transition:none!important}}.nextwork{position:fixed;top:0;bottom:0;right:var(--marquee-right, 25vw);width:auto;z-index:45;text-decoration:none;color:var(--accent);writing-mode:vertical-rl;text-orientation:mixed;overflow:hidden;pointer-events:none;padding:0 .15em}.nextwork .label{display:none}.nextwork .marquee{display:block;white-space:nowrap;font-size:clamp(.8rem,1.2vw,1rem);font-weight:600;letter-spacing:.05em;color:var(--accent);line-height:1.3;animation:marqueeV 24s linear infinite;will-change:transform}@keyframes marqueeV{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.nextwork .marquee{animation:none;transform:none}}@media (max-width: 768px){.nextwork{right:max(10px,2vmin);font-size:.8rem}}