:root{--bg:#050505;--bg-1:#0a0a0b;--bg-2:#101013;--line:#ffffff0f;--line-2:#ffffff1a;--fg:#ededed;--fg-dim:#ededed8c;--fg-very-dim:#ededed4d;--accent:oklch(62% .09 240);--accent-soft:oklch(45% .07 240);--warm:oklch(74% .07 70);--rec:oklch(65% .2 25);--display:"Helvetica Neue","Helvetica","Arial",system-ui,sans-serif;--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;--grain-op:.3;--scan-op:.2;--aberration:.15;--bloom:0;--dof:0}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--display);letter-spacing:.005em;-webkit-font-smoothing:antialiased;height:100%;font-size:14px;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.portfolio{background:radial-gradient(at 50% 30%,#0c0c10 0%,#050505 70%);position:fixed;inset:0;overflow:hidden}.portfolio.cur-on,.portfolio.cur-on *{cursor:none!important}.boot{z-index:50;font-family:var(--mono);letter-spacing:.06em;color:var(--fg);background:#020203;place-items:center;font-size:12px;animation:.35s ease-out boot-in;display:grid;position:fixed;inset:0}@keyframes boot-in{0%{opacity:0}to{opacity:1}}.boot.boot-out{animation:.55s cubic-bezier(.7,0,.3,1) forwards boot-out}@keyframes boot-out{0%{opacity:1;filter:blur();transform:scale(1)}50%{opacity:1;filter:blur(2px);transform:scale(1.04)}to{opacity:0;filter:blur(8px);transform:scale(1.18)}}.boot-frame{border:1px solid var(--line-2);background:linear-gradient(#ffffff04,#0000);width:min(720px,86vw);padding:18px 20px 16px;position:relative}.boot-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:10px;display:flex}.boot-logo{font-family:var(--display);letter-spacing:.18em;font-size:14px;font-weight:800}.boot-logo i{color:var(--accent);margin:0 3px;font-style:normal}.boot-os{color:var(--fg-dim);letter-spacing:.12em;font-size:10px}.boot-stream{font-family:var(--mono);letter-spacing:.04em;color:var(--fg);white-space:pre;min-height:280px;font-size:11.5px;line-height:1.7;overflow:hidden}.boot-line{animation:.12s ease-out boot-line-in}@keyframes boot-line-in{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.line-sys{color:var(--fg-dim)}.line-sys:first-letter{color:var(--accent)}.line-proj{color:var(--warm);font-weight:500}.line-ready{color:var(--accent);letter-spacing:.16em;margin-top:4px;font-size:13px;font-weight:700}.line-spacer{height:6px}.boot-cursor{color:var(--accent);animation:.9s steps(2,end) infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:.1}}.boot-foot{border-top:1px solid var(--line);color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;margin-top:14px;padding-top:10px;font-size:9.5px;display:flex}.boot-rec{color:var(--rec);animation:1.4s steps(2,end) infinite rec-blink}@keyframes rec-blink{0%,49%{opacity:1}50%,to{opacity:.25}}.boot-skip{appearance:none;border:1px solid var(--line-2);color:var(--fg);font-family:var(--mono);letter-spacing:.16em;background:#ffffff05;align-items:center;gap:8px;padding:8px 14px;font-size:10px;animation:.25s ease-out skip-in;display:flex;position:absolute;bottom:24px;right:24px}.boot-skip span{color:var(--accent)}.boot-skip:hover{border-color:var(--accent);background:#ffffff0a}@keyframes skip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.boot-scan{pointer-events:none;mix-blend-mode:multiply;opacity:.6;background:repeating-linear-gradient(#fff0 0 2px,#0006 3px 4px);position:absolute;inset:0}.boot-static{pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");background-size:220px 220px;animation:.12s steps(4,end) infinite grain-shift;position:absolute;inset:0}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-4px,3px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-4px)}to{transform:translate(0)}}.spatial{perspective:1400px;perspective-origin:50%;background:#040406;position:fixed;inset:0;overflow:hidden}.spatial-stage{transform-style:preserve-3d;position:absolute;inset:0}.spatial-world{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.spatial.is-selecting .spatial-world{transition:transform 1.1s cubic-bezier(.6,0,.2,1)}.spatial-backdrop{pointer-events:none;z-index:0;position:absolute;inset:0}.bd-fog{filter:blur(40px);background:radial-gradient(70% 60% at 30% 40%,oklch(20% .05 240/.5),#0000 70%),radial-gradient(80% 50% at 75% 65%,oklch(22% .04 280/.35),#0000 70%),radial-gradient(60% 40% at 50% 90%,oklch(18% .04 30/.25),#0000 70%);transition:transform .4s ease-out;position:absolute;inset:-10%}.bd-particles{transition:transform .5s ease-out;position:absolute;inset:0}.particle{width:2px;height:2px;opacity:calc(var(--d) * .5 + .1);background:#fff;border-radius:50%;animation:12s ease-in-out infinite particle-drift;position:absolute}@keyframes particle-drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.bd-horizon{background:linear-gradient(to right, transparent, var(--accent-soft) 20%, var(--accent-soft) 80%, transparent);opacity:.35;filter:blur(.5px);height:1px;box-shadow:0 0 20px var(--accent-soft);position:absolute;top:62%;left:0;right:0}.bd-vignette{background:radial-gradient(#0000 35%,#000000b3 100%);position:absolute;inset:0}.pcard{width:380px;height:240px;transform-style:preserve-3d;cursor:pointer;color:oklch(.85 .05 var(--hue-b));margin-top:-120px;margin-left:-190px;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .6s;position:absolute;top:50%;left:50%}.spatial.is-selecting .pcard{transition:transform 1.1s cubic-bezier(.6,0,.2,1),opacity .8s}.pcard.is-hover{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.pcard-frame{border:1px solid var(--line-2);background:#000;width:100%;height:100%;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #ffffff0a}.pcard.is-hover .pcard-frame{border-color:var(--accent);box-shadow:0 40px 80px -20px #000000d9, 0 0 0 1px var(--accent), 0 0 60px #0bb5a52e}.pcard-art{width:100%;height:62%;position:relative;overflow:hidden}.pcard-bg{position:absolute;inset:0}.pcard-lines{width:100%;height:100%;position:absolute;inset:0}.pcard-bracket{z-index:2;border:1px solid #ffffff80;width:14px;height:14px;position:absolute}.pcard-art .br-tl{border-bottom:0;border-right:0;top:8px;left:8px}.pcard-art .br-tr{border-bottom:0;border-left:0;top:8px;right:8px}.pcard-art .br-bl{border-top:0;border-right:0;bottom:8px;left:8px}.pcard-art .br-br{border-top:0;border-left:0;bottom:8px;right:8px}.pcard-meta{padding:12px 18px 36px}.pcard-id{font-family:var(--mono);letter-spacing:.16em;color:var(--fg-dim);text-transform:uppercase;font-size:10px}.pcard-title{font-family:var(--display);letter-spacing:.18em;color:var(--fg);margin:4px 0;font-size:26px;font-weight:800}.pcard-kind{font-family:var(--mono);letter-spacing:.14em;color:var(--fg-dim);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.pcard-foot{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;font-size:9.5px;display:flex;position:absolute;bottom:10px;left:18px;right:18px}.pcard-client{color:var(--fg-very-dim);white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.pcard-cta{color:var(--accent);align-items:center;gap:6px;display:flex}.pcard-cta i{font-style:normal;transition:transform .25s}.pcard.is-hover .pcard-cta i{transform:translate(4px)}.spatial-hud-tl,.spatial-hud-tr,.spatial-hud-bl,.spatial-hud-br{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);z-index:5;pointer-events:none;flex-direction:column;gap:3px;font-size:10px;transition:opacity .6s;display:flex;position:absolute}.spatial-hud-tl{top:24px;left:24px}.spatial-hud-tr{text-align:right;align-items:flex-end;top:24px;right:24px}.spatial-hud-bl{bottom:24px;left:24px}.spatial-hud-br{text-align:right;align-items:flex-end;bottom:24px;right:24px}.spatial-hud-tl>div,.spatial-hud-tr>div,.spatial-hud-bl>div,.spatial-hud-br>div{white-space:nowrap}.spatial-hud-tl>div:first-child{font-family:var(--display);letter-spacing:.18em;font-size:13px;font-weight:800}.spatial-hud-tr>div:nth-child(2){color:var(--accent)}.fading{opacity:0}.dim{color:var(--fg-dim)}.proc-glyph{z-index:10;pointer-events:none;width:200px;height:200px;color:var(--accent);margin-top:-100px;margin-left:-100px;animation:1.1s cubic-bezier(.6,0,.2,1) forwards pg-in;position:absolute;top:50%;left:50%}.pg-ring{fill:none;stroke:currentColor;stroke-width:.5px;transform-origin:100px 100px;animation:2s linear infinite pg-spin}.pg-ring-2{stroke-dasharray:6 4;animation:1.2s linear infinite reverse pg-spin}.pg-dot{fill:currentColor}.pg-tick{stroke:currentColor;stroke-width:.5px}@keyframes pg-spin{to{transform:rotate(360deg)}}@keyframes pg-in{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.project-view{z-index:30;opacity:0;background:#020203;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0;transform:scale(.9)}.project-view.pv-in{opacity:1;transform:scale(1)}.pv-scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;position:absolute;inset:0;overflow-y:auto}.pv-scroll::-webkit-scrollbar{width:6px}.pv-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.pv-hero{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.pv-hero-bg{transition:filter .8s;position:absolute;inset:0}.pv-hero-lines{width:100%;height:100%;position:absolute;inset:0}.pv-letterbox{background:#000;height:9%;position:absolute;left:0;right:0}.pv-lb-top{border-bottom:1px solid var(--line);top:0}.pv-lb-bot{border-top:1px solid var(--line);bottom:0}.pv-hud-tl,.pv-hud-tr,.pv-hud-bl,.pv-hud-br{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);z-index:3;flex-direction:column;gap:6px;max-width:420px;font-size:10px;display:flex;position:absolute}.pv-hud-tl{top:13%;left:4%}.pv-hud-tr{text-align:right;align-items:flex-end;top:80px;right:4%}.pv-hud-bl{bottom:13%;left:4%}.pv-hud-br{text-align:right;align-items:flex-end;bottom:13%;right:4%}.pv-hud-tl>div,.pv-hud-tr>div,.pv-hud-bl>div,.pv-hud-br>div,.pv-hud-tl .big{white-space:nowrap}.pv-hud-tl .big{font-family:var(--display);letter-spacing:.16em;margin:6px 0;font-size:54px;font-weight:800;line-height:1}.pv-logline{font-family:var(--display);letter-spacing:.04em;text-transform:none;color:var(--fg);text-wrap:pretty;max-width:38ch;margin-top:6px;font-size:18px;line-height:1.4}.pv-scroll-cue{color:var(--accent);align-items:center;gap:10px;font-size:11px;animation:1.8s ease-in-out infinite scroll-cue;display:flex}.pv-scroll-cue i{font-size:14px;font-style:normal}@keyframes scroll-cue{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(4px)}}.pv-bracket{border:1px solid var(--accent);z-index:4;width:24px;height:24px;position:absolute}.pv-hero .br-tl{border-bottom:0;border-right:0;top:11%;left:3%}.pv-hero .br-tr{border-bottom:0;border-left:0;top:11%;right:3%}.pv-hero .br-bl{border-top:0;border-right:0;bottom:11%;left:3%}.pv-hero .br-br{border-top:0;border-left:0;bottom:11%;right:3%}.pv-chapters{z-index:2;background:#020203;flex-direction:column;gap:140px;padding:140px 0 100px;display:flex;position:relative}.chapter{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1280px;margin:0 auto;padding:0 80px;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);display:grid;transform:translateY(40px)}.chapter.ch-in{opacity:1;transform:translateY(0)}.chapter:nth-child(2n){grid-template-columns:1fr 1fr}.chapter:nth-child(2n) .chapter-still{order:2}.chapter:nth-child(2n) .chapter-text{order:1}.chapter-still{aspect-ratio:16/9;border:1px solid var(--line-2);transition:filter .8s;position:relative;overflow:hidden}.ch-bracket{z-index:2;border:1px solid #ffffff80;width:14px;height:14px;position:absolute}.chapter-still .br-tl{border-bottom:0;border-right:0;top:8px;left:8px}.chapter-still .br-tr{border-bottom:0;border-left:0;top:8px;right:8px}.chapter-still .br-bl{border-top:0;border-right:0;bottom:8px;left:8px}.chapter-still .br-br{border-top:0;border-left:0;bottom:8px;right:8px}.ch-still-meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:#00000080;gap:8px;padding:3px 7px;font-size:9.5px;display:flex;position:absolute;bottom:12px;left:12px}.chapter-text{flex-direction:column;gap:14px;display:flex}.ch-num{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;font-size:10px}.ch-title{font-family:var(--display);letter-spacing:.14em;font-size:38px;font-weight:800;line-height:1}.ch-body{font-family:var(--display);color:var(--fg);text-wrap:pretty;max-width:48ch;font-size:17px;line-height:1.55}.ch-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;gap:8px;margin-top:6px;font-size:10px;display:flex}.pv-credits{z-index:2;max-width:680px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#020203;margin:0 auto;padding:120px 80px 160px;font-size:13px;position:relative}.cr-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.cr-row .dim{color:var(--fg-dim)}.cr-end{text-align:center;font-family:var(--display);letter-spacing:.4em;color:var(--fg-dim);margin-top:80px;font-size:24px;font-weight:800}.pv-back{z-index:40;appearance:none;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);font-family:var(--mono);letter-spacing:.18em;white-space:nowrap;background:#0009;align-items:center;gap:8px;padding:9px 14px;font-size:10px;display:flex;position:fixed;top:24px;left:24px}.pv-back:hover{border-color:var(--accent);color:var(--accent)}.pv-back i{font-style:normal}.pv-progress{z-index:40;background:var(--line-2);align-items:center;width:240px;height:2px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pv-progress-bar{background:var(--accent);height:100%;transition:width .12s linear}.pv-progress-tc{font-family:var(--mono);letter-spacing:.16em;color:var(--fg-dim);font-size:10px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.phase-rail{z-index:60;font-family:var(--mono);pointer-events:auto;white-space:nowrap;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.rail-label{letter-spacing:.22em;color:var(--fg-very-dim);text-transform:uppercase;text-align:right;padding:0 4px;font-size:9px}.rail-items{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;display:flex}.rail-item{appearance:none;border:0;border-right:1px solid var(--line);color:var(--fg-dim);background:0 0;flex-direction:column;align-items:flex-start;gap:1px;min-width:80px;padding:8px 12px;transition:color .15s,background .15s;display:flex}.rail-item:last-child{border-right:0}.rail-item:hover{color:var(--fg);background:#ffffff0a}.rail-item.on{color:var(--fg);background:#ffffff0f}.rail-item.on .rail-num{color:var(--accent)}.rail-num{letter-spacing:.16em;color:var(--fg-very-dim);font-size:9px}.rail-name{letter-spacing:.12em;font-size:11px;font-weight:600}.rail-sub{letter-spacing:.18em;color:var(--fg-very-dim);text-transform:uppercase;font-size:8.5px}.rail-archive{appearance:none;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--warm);letter-spacing:.18em;text-align:right;background:#00000073;padding:6px 10px;font-size:10px}.rail-archive:hover{border-color:var(--warm)}.archive{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#0009;place-items:center;animation:.25s ease-out archive-in;display:grid;position:fixed;inset:0}@keyframes archive-in{0%{opacity:0}to{opacity:1}}.archive-panel{border:1px solid var(--line-2);width:min(560px,90vw);font-family:var(--mono);background:#08080af2;padding:24px 28px;animation:.35s cubic-bezier(.2,.7,.2,1) archive-slide}@keyframes archive-slide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.archive-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;display:flex}.archive-head h3{font-family:var(--display);letter-spacing:.22em;font-size:14px;font-weight:800}.archive-head button{appearance:none;color:var(--fg-dim);background:0 0;border:0;width:24px;height:24px;font-size:14px}.archive-head button:hover{color:var(--fg)}.archive-sub{letter-spacing:.12em;color:var(--warm);text-transform:none;margin-bottom:14px;font-size:10px}.archive-list{flex-direction:column;list-style:none;display:flex}.archive-item{border-bottom:1px dashed var(--line);letter-spacing:.06em;gap:18px;padding:10px 0;font-size:11px;display:flex}.archive-item:last-child{border-bottom:0}.ar-date{color:var(--accent);flex-shrink:0;width:80px}.ar-note{color:var(--fg)}.fx{pointer-events:none;z-index:1000;position:fixed;inset:0}.fx-grain{mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");background-size:220px 220px;animation:.12s steps(4,end) infinite grain-shift}.fx-scanlines{mix-blend-mode:multiply;background:repeating-linear-gradient(#fff0 0 2px,#00000073 3px 4px)}.fx-vignette{background:radial-gradient(#0000 40%,#0000008c 100%)}.fx-aberration{mix-blend-mode:screen;background:linear-gradient(90deg,#ff282814 0%,#0000 6% 94%,#28c8ff14 100%)}.fx-bloom{mix-blend-mode:screen;background:radial-gradient(60% 50%,#fff0dc1a 0%,#0000 70%)}.fx-dof{-webkit-backdrop-filter:blur(calc(var(--dof) * 4px));background:radial-gradient(65% 55%,#0000 50%,#00000073 100%);-webkit-mask:radial-gradient(65% 55%,#0000 40%,#000 90%);mask:radial-gradient(65% 55%,#0000 40%,#000 90%)}.cur-dot{background:var(--accent);pointer-events:none;z-index:9999;width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;margin-top:-3px;margin-left:-3px;transition:transform 40ms linear;position:fixed;top:0;left:0}.cur-ring{border:1px solid var(--accent);pointer-events:none;z-index:9999;opacity:.7;mix-blend-mode:difference;border-radius:50%;width:36px;height:36px;margin-top:-18px;margin-left:-18px;transition:transform .22s cubic-bezier(.2,.7,.2,1),width .15s,height .15s,opacity .15s;position:fixed;top:0;left:0}.cur-ring.down{opacity:1;width:24px;height:24px;margin-top:-12px;margin-left:-12px}.phase-v1 .fx-bloom,.phase-v1 .fx-dof{display:none}.phase-v3{background:radial-gradient(at 30% 20%,oklch(10% .03 280) 0%,#050505 70%)}.phase-v3 .spatial-hud-tr>div:nth-child(2):before{content:"~ "}.timeline-scene{--grain-op:.6;--scan-op:.5;--aberration:.3;z-index:20;-webkit-user-select:none;user-select:none;cursor:default;inset:0;background:radial-gradient(at 50% 30%,#0c0c10 0%,#050505 70%);grid-template-rows:48px 1fr 320px;display:grid;position:fixed;inset:0}.timeline-scene .topbar{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#ffffff05,#0000);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 18px;font-size:11px;display:grid}.timeline-scene .topbar-l,.timeline-scene .topbar-c,.timeline-scene .topbar-r{align-items:center;gap:10px;display:flex}.timeline-scene .topbar-r{justify-content:flex-end}.timeline-scene .topbar .dim{color:var(--fg-dim)}.timeline-scene .bullet{color:var(--fg-very-dim);margin:0 4px}.timeline-scene .logo{font-family:var(--display);letter-spacing:.16em;color:var(--fg);font-size:13px;font-weight:800}.timeline-scene .logo-dot{color:var(--accent);margin:0 2px;font-weight:400}.timeline-scene .title-now{font-family:var(--display);letter-spacing:.18em;text-transform:none;font-size:13px;font-weight:700}.timeline-scene .play-btn{appearance:none;border:1px solid var(--line-2);letter-spacing:0;width:30px;height:24px;color:var(--fg);background:#ffffff05;border-radius:2px;place-items:center;font-size:10px;transition:background .15s,border-color .15s;display:grid}.timeline-scene .play-btn:hover{border-color:var(--accent);background:#ffffff0f}.timeline-scene .rec-dot{background:var(--rec);width:8px;height:8px;box-shadow:0 0 8px var(--rec);border-radius:50%;animation:1.4s steps(2,end) infinite rec-blink;display:inline-block}.timeline-scene .rec-dot.small{width:6px;height:6px}.timeline-scene .stage{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr;gap:0;min-height:0;display:grid}.timeline-scene .bin{border-right:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;background:linear-gradient(90deg,#ffffff03,#0000);flex-direction:column;gap:14px;padding:14px 14px 12px;font-size:10.5px;display:flex;overflow-y:auto}.timeline-scene .bin-section{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.timeline-scene .bin-section:last-child{border-bottom:0}.timeline-scene .bin-h{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--line);margin-bottom:4px;padding-bottom:4px;font-size:9.5px}.timeline-scene .bin-kv{color:var(--fg);text-transform:uppercase;justify-content:space-between;gap:10px;display:flex}.timeline-scene .bin-kv span{color:var(--fg-dim);font-size:10px}.timeline-scene .bin-kv b{color:var(--fg);text-align:right;max-width:60%;font-weight:500}.timeline-scene .bin-kv.dim b{color:var(--fg-dim)}.timeline-scene .bin-kv .trunc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-scene .bin-note{color:var(--warm);letter-spacing:.04em;border-left:2px solid var(--warm);text-transform:none;background:#ffffff04;margin-top:4px;padding:8px 10px;font-size:10.5px;line-height:1.5}.timeline-scene .bin-palette{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px;display:grid}.timeline-scene .swatch{aspect-ratio:1;border:1px solid var(--line-2);border-radius:1px}.timeline-scene .bin-foot{margin-top:auto}.timeline-scene .viewer{background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.timeline-scene .frame-preview{isolation:isolate;aspect-ratio:16/9;flex:1;width:100%;max-height:100%;margin:0 auto;position:relative;overflow:hidden}.timeline-scene .frame-bg{position:absolute;inset:0}.timeline-scene .frame-lines{mix-blend-mode:screen;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.timeline-scene .letterbox{display:none}.timeline-scene .frame-glitch{z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0%,#d9774226 30%,#0000 31% 60%,#0bb5a52e 61%,#0000 90%);animation:.14s steps(3,end) glitch-shift;position:absolute;inset:0}@keyframes glitch-shift{0%{opacity:1;transform:translate(-3px)}33%{opacity:.7;transform:translate(2px)}66%{opacity:.9;transform:translate(-1px)}to{opacity:0;transform:translate(0)}}.timeline-scene .hud{z-index:4;pointer-events:none;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-size:10px;transition:opacity .25s;position:absolute;inset:0}.timeline-scene.hud-off .hud{opacity:0}.timeline-scene .hud-bracket{border:1px solid var(--accent);width:22px;height:22px;position:absolute}.timeline-scene .br-tl{border-bottom:0;border-right:0;top:14%;left:3%}.timeline-scene .br-tr{border-bottom:0;border-left:0;top:14%;right:3%}.timeline-scene .br-bl{border-top:0;border-right:0;bottom:14%;left:3%}.timeline-scene .br-br{border-top:0;border-left:0;bottom:14%;right:3%}.timeline-scene .hud-reticle{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-scene .hud-reticle-h{background:var(--accent);opacity:.5;height:1px;position:absolute;top:50%;left:0;right:0}.timeline-scene .hud-reticle-v{background:var(--accent);opacity:.5;width:1px;position:absolute;top:0;bottom:0;left:50%}.timeline-scene .hud-tl,.timeline-scene .hud-tr,.timeline-scene .hud-bl,.timeline-scene .hud-br{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:absolute}.timeline-scene .hud-tl{top:13%;left:3%}.timeline-scene .hud-tr{text-align:right;top:13%;right:3%}.timeline-scene .hud-bl{bottom:13%;left:3%}.timeline-scene .hud-br{text-align:right;bottom:13%;right:3%}.timeline-scene .hud-row{white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-scene .hud-row.big{font-family:var(--display);letter-spacing:.12em;font-size:22px;font-weight:700}.timeline-scene .hud-row.small{font-size:9.5px}.timeline-scene .hud-tr .hud-row,.timeline-scene .hud-br .hud-row{justify-content:flex-end}.timeline-scene .hud .dim{color:var(--fg-dim)}.timeline-scene .hud-thirds{pointer-events:none;opacity:0;width:100%;height:83%;transition:opacity .2s;position:absolute;inset:8.5% 0}.timeline-scene .hud-thirds line{stroke:var(--fg);stroke-width:.15px;stroke-dasharray:.4 .4;opacity:.5}.timeline-scene.thirds-on .hud-thirds{opacity:1}.timeline-scene .viewer-edge{transform-origin:50%;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);z-index:5;pointer-events:none;flex-direction:row;align-items:center;gap:14px;font-size:9px;display:flex;position:absolute;top:50%;transform:translateY(-50%)rotate(-90deg)}.timeline-scene .viewer-edge-l{left:10px}.timeline-scene .viewer-edge-r{right:10px;transform:translateY(-50%)rotate(90deg)}.timeline-scene .viewer-edge .dim{color:var(--fg-very-dim)}.timeline-scene .seq-chips{z-index:6;border-top:1px solid var(--line);scrollbar-width:none;background:linear-gradient(#0000,#000000b3);gap:0;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.timeline-scene .seq-chips::-webkit-scrollbar{display:none}.timeline-scene .chip{appearance:none;border:0;border-right:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;min-width:130px;padding:10px 14px;transition:background .15s,color .15s;display:flex}.timeline-scene .chip:hover{background:#ffffff0a}.timeline-scene .chip-id{color:var(--fg);font-size:11px;font-weight:600}.timeline-scene .chip-label{color:var(--fg-dim);font-size:9.5px}.timeline-scene .chip-on{background:#ffffff0f}.timeline-scene .chip-on .chip-id{color:var(--accent)}.timeline-scene .chip-on .chip-label{color:var(--fg)}.timeline-scene .timeline{background:linear-gradient(to bottom, var(--bg-1), var(--bg));cursor:ew-resize;flex-direction:column;display:flex;position:relative}.timeline-scene .ruler{border-bottom:1px solid var(--line);height:24px;font-family:var(--mono);letter-spacing:.05em;color:var(--fg-very-dim);margin-left:64px;font-size:9px;position:relative}.timeline-scene .tick{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.timeline-scene .tick.tick-major{background:var(--line-2)}.timeline-scene .tick em{white-space:nowrap;font-style:normal;position:absolute;top:6px;left:4px}.timeline-scene .lanes{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.timeline-scene .lane{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;min-height:0;display:grid;position:relative}.timeline-scene .lane:last-child{border-bottom:0}.timeline-scene .lane-video{flex:0 0 70px}.timeline-scene .lane-broll{flex:0 0 38px}.timeline-scene .lane-audio{flex:1;min-height:80px}.timeline-scene .lane-markers{flex:0 0 36px}.timeline-scene .lane-label{border-right:1px solid var(--line);font-family:var(--mono);background:linear-gradient(90deg,#ffffff05,#0000);flex-direction:column;justify-content:center;gap:2px;padding:6px 8px;display:flex}.timeline-scene .lane-name{letter-spacing:.1em;color:var(--fg);font-size:11px;font-weight:700}.timeline-scene .lane-sub{color:var(--fg-dim);letter-spacing:.15em;font-size:9px}.timeline-scene .lane-track{height:100%;position:relative;overflow:hidden}.timeline-scene .clip{border:1px solid var(--line-2);border-left:2px solid var(--accent-soft);font-family:var(--mono);letter-spacing:.08em;color:var(--fg-dim);background:#ffffff05;align-items:flex-end;min-width:6px;padding:0 6px 4px;font-size:9px;transition:border-color .15s,background .15s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.timeline-scene .clip-active{border-color:var(--accent);border-left:2px solid var(--accent);box-shadow:0 0 0 1px var(--accent), inset 0 0 22px #ffffff05;background:#ffffff0a}.timeline-scene .clip-active .clip-label{color:var(--fg)}.timeline-scene .clip-thumbs{z-index:0;opacity:.55;display:flex;position:absolute;inset:0}.timeline-scene .clip-thumb{border-right:1px solid #0006;flex:1}.timeline-scene .clip-thumb:last-child{border-right:0}.timeline-scene .clip-label{z-index:1;background:#0009;border-radius:1px;padding:1px 4px;position:relative}.timeline-scene .clip-broll{border-left:2px solid var(--warm);background:#d9a8760f}.timeline-scene .lane-audio .lane-track{flex-direction:column;justify-content:center;gap:1px;padding:8px 0;display:flex}.timeline-scene .wave{align-items:flex-end;gap:1px;height:50%;padding:0 2px;display:flex}.timeline-scene .wave-mirror{opacity:.45;align-items:flex-start;transform:scaleY(-1)}.timeline-scene .bar{background:var(--fg-very-dim);flex:1;min-width:1px;transition:background .1s}.timeline-scene .bar.bar-past{background:var(--accent)}.timeline-scene .marker{background:var(--warm);width:1px;position:absolute;top:0;bottom:0}.timeline-scene .marker-pin{background:var(--warm);width:7px;height:7px;position:absolute;top:4px;left:-3px;transform:rotate(45deg)}.timeline-scene .marker-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warm);white-space:nowrap;background:#00000080;padding:2px 5px;font-size:9px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.timeline-scene .timeline .playhead{pointer-events:none;z-index:10;width:auto;position:absolute;inset:0 0 0 64px}.timeline-scene .timeline .playhead>*{position:absolute;top:0}.timeline-scene .playhead-line{background:var(--accent);width:1px;box-shadow:0 0 6px var(--accent), 0 0 24px #0bb5a533;top:0;bottom:0}.timeline-scene .playhead-flag{background:var(--accent);color:#000;font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;z-index:1;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);padding:3px 7px 9px;font-size:10px;font-weight:700;top:0;transform:translate(-50%)}.timeline-scene .ph-tc{display:block}.timeline-scene .fx{pointer-events:none;z-index:1000;position:fixed;inset:0}.timeline-scene .fx-grain{opacity:var(--grain-op);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");background-size:220px 220px;animation:.12s steps(4,end) infinite grain-shift}.timeline-scene .fx-scanlines{opacity:calc(var(--scan-op) * .35);mix-blend-mode:multiply;background:repeating-linear-gradient(#fff0 0 2px,#00000080 3px 4px)}.timeline-scene .fx-vignette{background:radial-gradient(#0000 40%,#0000008c 100%)}.timeline-scene .fx-aberration{opacity:var(--aberration);mix-blend-mode:screen;background:linear-gradient(90deg,#ff282814 0%,#0000 6% 94%,#28c8ff14 100%)}.timeline-scene .fx-glitch{opacity:0;mix-blend-mode:screen;background:linear-gradient(#0000 49%,#ffffff0a 50%,#0000 100%),linear-gradient(90deg,#ff28281f 0%,#0000 30% 70%,#28c8ff1f 100%);transition:opacity 50ms}.timeline-scene .fx-glitch.on{opacity:1;animation:.14s steps(4,end) glitch-bands}@keyframes glitch-bands{0%{clip-path:inset(0 0 80%)}25%{clip-path:inset(40% 0 30%)}50%{clip-path:inset(70% 0 5%)}75%{clip-path:inset(20% 0 60%)}to{clip-path:inset(0 0 100%)}}.timeline-scene .bin::-webkit-scrollbar{width:6px}.timeline-scene .bin::-webkit-scrollbar-track{background:0 0}.timeline-scene .bin::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}@media (width<=1100px){.timeline-scene .stage{grid-template-columns:200px 1fr}.timeline-scene .bin{padding:10px;font-size:10px}}@media (width<=800px){.timeline-scene{grid-template-rows:48px 1fr 280px}.timeline-scene .stage{grid-template-columns:1fr}.timeline-scene .bin{display:none}}.showreel{z-index:50;color:var(--fg);font-family:var(--mono);background:#000;animation:.7s both sr-in;position:fixed;inset:0;overflow:hidden}@keyframes sr-in{0%{opacity:0}to{opacity:1}}.sr-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.sr-veil{z-index:2;pointer-events:none;background:radial-gradient(#0000 30%,#0000008c 100%),linear-gradient(#0000008c 0%,#00000026 35% 65%,#000000bf 100%);position:absolute;inset:0}.sr-top{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;top:32px;left:36px}.sr-logo{font-family:var(--display,var(--mono));letter-spacing:.16em;font-size:18px;font-weight:700}.sr-logo i{color:var(--accent);margin:0 4px;font-style:normal}.sr-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.sr-audio{z-index:3;appearance:none;color:var(--fg);font:inherit;letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff2e;border-radius:2px;padding:8px 14px;font-size:10px;transition:border-color .2s,background .2s;position:absolute;top:32px;right:36px}.sr-audio:hover{border-color:var(--accent);background:#0009}.sr-center{z-index:3;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-enter{appearance:none;border:1px solid var(--accent);color:var(--fg);font-family:var(--mono);letter-spacing:.32em;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0006;border-radius:2px;align-items:center;gap:14px;padding:18px 42px 18px 48px;font-size:13px;font-weight:600;transition:background .25s,letter-spacing .25s,padding .25s;display:flex}.sr-enter:hover{background:var(--accent);color:#000;letter-spacing:.36em;padding-left:52px;padding-right:38px}.sr-enter i{font-style:normal;transition:transform .25s}.sr-enter:hover i{transform:translate(6px)}.sr-cue{letter-spacing:.32em;color:var(--fg-very-dim);font-size:9.5px}.sr-footer{z-index:3;letter-spacing:.16em;color:var(--fg-very-dim);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:28px;left:36px;right:36px}.sr-dot{margin:0 8px}@media (width<=600px){.sr-top{gap:4px;top:18px;left:18px}.sr-logo{font-size:14px}.sr-tag{font-size:9px}.sr-audio{padding:6px 10px;font-size:9px;top:18px;right:18px}.sr-enter{letter-spacing:.28em;padding:14px 30px;font-size:11px}.sr-footer{flex-direction:column;align-items:flex-start;gap:4px;font-size:8px;bottom:18px;left:18px;right:18px}.sr-dot{display:none}}.big-play{z-index:6;appearance:none;cursor:pointer;opacity:.85;background:0 0;border:0;width:88px;height:88px;padding:0;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.big-play:hover{opacity:1;transform:translate(-50%,-50%)scale(1.06)}.big-play svg{width:100%;height:100%}.big-play circle{fill:#0000008c;stroke:#ffffffe6;stroke-width:1.5px}.big-play polygon{fill:#fff}.frame-preview .hud,.frame-preview .hud-bracket,.frame-preview .hud-reticle{transition:opacity .35s}.frame-preview.hud-hide .hud-tl,.frame-preview.hud-hide .hud-tr,.frame-preview.hud-hide .hud-bl,.frame-preview.hud-hide .hud-br,.frame-preview.hud-hide .hud-bracket,.frame-preview.hud-hide .hud-reticle,.frame-preview.hud-hide .hud-thirds{opacity:0}.contact-fab{z-index:1050;appearance:none;color:var(--fg);font-family:var(--mono);letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff29;border-radius:2px;padding:8px 14px;font-size:10px;transition:border-color .2s,background .2s;position:fixed;top:16px;right:16px}.contact-fab:hover{border-color:var(--accent);background:#000000bf}.timeline-scene~.contact-fab,.timeline-scene .contact-fab{top:auto;bottom:16px}.contact-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.35s both co-fade;display:flex;position:fixed;inset:0}@keyframes co-fade{0%{opacity:0}to{opacity:1}}.contact-panel{width:100%;max-width:480px;color:var(--fg);font-family:var(--mono);background:#0e0e0ef2;border:1px solid #ffffff1f;border-radius:4px;padding:36px 32px 32px;animation:.4s cubic-bezier(.2,.7,.2,1) both co-slide;position:relative;box-shadow:0 30px 80px #000000b3}@keyframes co-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.contact-close{appearance:none;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;width:28px;height:28px;font-size:16px;position:absolute;top:14px;right:14px}.contact-close:hover{color:var(--fg);background:#ffffff0f}.contact-eyebrow{letter-spacing:.22em;color:var(--accent);margin-bottom:14px;font-size:10px}.contact-title{font-family:var(--display,var(--mono));letter-spacing:.06em;margin:0 0 16px;font-size:22px;font-weight:700}.contact-bio{color:#e8e6e0d9;margin:0 0 22px;font-size:13px;line-height:1.6}.contact-list{grid-template-columns:80px 1fr;gap:10px 16px;margin:0 0 22px;font-size:12px;display:grid}.contact-list dt{color:var(--fg-dim);letter-spacing:.14em}.contact-list dd{margin:0}.contact-list a{color:var(--fg);border-bottom:1px solid var(--accent);text-decoration:none;transition:color .2s}.contact-list a:hover{color:var(--accent)}.contact-cta{border:1px solid var(--accent);background:var(--accent);color:#000;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;align-items:center;gap:10px;padding:12px 20px;font-size:11px;font-weight:600;text-decoration:none;transition:gap .2s,padding-right .2s;display:inline-flex}.contact-cta:hover{gap:14px;padding-right:18px}.contact-cta i{font-style:normal}.pv-editbay{z-index:50;appearance:none;color:var(--fg);font-family:var(--mono);letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff2e;border-radius:2px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;transition:border-color .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}.pv-editbay:hover{border-color:var(--accent);background:#000000bf}.pv-editbay i{font-style:normal}.project-view .pv-editbay{right:120px}.tl-back{z-index:1050;appearance:none;color:var(--fg);font-family:var(--mono);letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff29;border-radius:2px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;transition:border-color .2s,background .2s;display:flex;position:fixed;top:16px;left:16px}.tl-back:hover{border-color:var(--accent);background:#000000bf}.tl-back i{font-style:normal}.audio-btn{appearance:none;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:border-color .2s,background .2s;display:inline-flex}.audio-btn:hover{border-color:var(--accent);background:#ffffff0a}.rail-item.off,.rail-item:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}