:root{--bg:#070a12;--bg-1:#090b18;--bg-2:#0d1020;--bg-rgb:7, 10, 18;--line:#ffffff12;--line-2:#ffffff21;--line-3:#ffffff3d;--fg:#eef1f5;--fg-2:#9ba4b0;--fg-3:#5f6874;--accent:#5eead4;--accent-ink:#042521;--accent-soft:#5eead41a;--accent-line:#5eead44d;--fog-1:#7446e8;--fog-2:#8e5cff;--fog-3:#a66cff;--fog-cyan:#56e6d2;--fog-1-rgb:116, 70, 232;--fog-2-rgb:142, 92, 255;--fog-3-rgb:166, 108, 255;--shell:1700px;--gutter:clamp(28px, 3.6vw, 68px);--nav-h:100px;--font-sans:"Inter", "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--t-display:clamp(2.4rem, 4.6vw, 5.6rem);--t-h2:clamp(1.9rem, 2.7vw, 3rem);--t-h3:clamp(1.1rem, 1.25vw, 1.4rem);--t-body:1rem;--t-sm:.875rem;--t-label:.72rem;--lh-tight:1.06;--lh-head:1.24;--lh-body:1.78;--gap-section:clamp(96px, 9.5vw, 168px);--gap-block:clamp(44px, 4.6vw, 76px);--gap-item:18px;--work-dim:.7;--work-sat:.66;--radius:12px;--radius-sm:8px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.5s}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;overflow-x:hidden}img,video,svg{max-width:100%;display:block}img,video{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#22262d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#343a44}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.kicker{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.sec-head{margin-bottom:var(--gap-block)}.sec-head__row{align-items:center;gap:20px;margin-bottom:26px;display:flex}.sec-head__row:after{content:none}.sec-head__rule{background:var(--line-2);transform-origin:0;flex:1;height:1px}.sec-head__zh{font-size:var(--t-h2);font-weight:600;line-height:var(--lh-head);letter-spacing:-.015em}.sec-head__desc{max-width:46ch;font-size:var(--t-sm);color:var(--fg-2);margin-top:16px;line-height:1.7}.btn{border-radius:var(--radius-sm);font-size:var(--t-sm);letter-spacing:.01em;white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .25s var(--ease);align-items:center;gap:10px;padding:15px 30px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn--primary:hover{background:#7ff0dd}.btn__arrow{transition:transform var(--dur) var(--ease)}.btn:hover .btn__arrow{transform:translate(4px)}.link{color:var(--fg-2);background-image:linear-gradient(var(--accent), var(--accent));transition:color var(--dur) var(--ease), background-size var(--dur) var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;align-items:center;gap:8px;padding-bottom:3px;display:inline-flex}.link:hover{color:var(--fg);background-size:100% 1px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}main{z-index:1;position:relative}.progress{z-index:60;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.progress__bar{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.nav{z-index:50;height:var(--nav-h);transition:background .45s var(--ease), border-color .45s var(--ease);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav[data-stuck=true]{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);background:#08090bbd}.nav__inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,2vw,40px);display:grid}.nav__brand{justify-self:start;align-items:center;gap:14px;display:inline-flex}.nav__mark{letter-spacing:0;transition:color .4s var(--ease);font-size:1.3rem;font-weight:700;line-height:1}.nav__brand:hover .nav__mark{color:var(--accent)}.nav__name{align-items:baseline;gap:8px;font-size:.92rem;font-weight:400;display:inline-flex}.nav__sep{color:var(--fg-3);letter-spacing:0;font-weight:400}.nav__word{letter-spacing:.3em;font-weight:500;position:relative}.nav__word:after{content:"";background:var(--line-3);width:1px;height:13px;position:absolute;top:-14px;right:.3em}.nav__links{justify-self:center;gap:clamp(18px,2.1vw,34px);display:flex}.nav__link{font-size:var(--t-sm);color:var(--fg-2);transition:color .35s var(--ease);padding:6px 0;position:relative}.nav__link:after{content:"";background:var(--fog-3);transform-origin:0;height:2px;transition:transform .45s var(--ease);position:absolute;inset:auto 0 0;transform:scaleX(0)}.nav__link:hover,.nav__link[data-active=true]{color:var(--fg)}.nav__link:hover:after,.nav__link[data-active=true]:after{transform:scaleX(1)}.rail{z-index:40;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;top:50%;right:clamp(14px,2.2vw,42px);transform:translateY(-50%)}.rail__line{background:linear-gradient(180deg, #fff0 0%, var(--line-2) 18%, var(--line-2) 82%, #fff0 100%);width:1px;position:absolute;top:-16px;bottom:-16px;left:50%;transform:translate(-50%)}.rail__node{place-items:center;width:14px;height:14px;display:grid;position:relative}.rail__dot{background:var(--line-3);width:5px;height:5px;transition:background .35s var(--ease);border-radius:1.5px;transform:rotate(45deg)}.rail__node:hover .rail__dot{background:var(--fg-2)}.rail__node[data-active=true] .rail__dot{border:2px solid var(--fog-3);width:11px;height:11px;box-shadow:0 0 10px rgba(var(--fog-2-rgb), .45);background:0 0;border-radius:999px;transform:none}.rail__label{border-radius:var(--radius-sm);border:1px solid var(--line);background:rgba(var(--bg-rgb), .86);-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.14em;color:var(--fg-2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);padding:4px 9px;font-size:.66rem;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.rail__node:hover .rail__label,.rail__node:focus-visible .rail__label{opacity:1}.hero{min-height:100svh;padding-top:var(--nav-h);background:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:2;flex-direction:column;flex:1;justify-content:center;padding-bottom:0;display:flex;position:relative}.hero__title{max-width:10.5em;font-size:var(--t-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.03em}.hero__line{display:block}.hero__line--accent{color:var(--fog-3)}.hero__lead{max-width:44ch;color:var(--fg-2);text-wrap:balance;margin-top:26px;font-size:clamp(1rem,1.05vw,1.06rem);line-height:1.75}.hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:40px;display:flex}.hero__actions .btn{border-radius:999px;padding:16px 30px}.hero__actions .btn--primary:hover{box-shadow:0 14px 34px -16px rgba(var(--fog-2-rgb), .55);background:#7ff0dd;transform:translateY(-2px)}.hero__actions .btn:active{transform:translateY(0)}.hero__foot{z-index:2;padding-top:clamp(24px,3.2vh,44px);padding-bottom:clamp(38px,9.8vh,124px);position:relative}.hero__foot-inner{justify-content:space-between;align-items:flex-end;gap:clamp(20px,3vw,48px);display:flex}.hero__metrics{align-items:stretch;gap:clamp(18px,2.4vw,44px);display:flex}.hero__metric{border-left:1px solid var(--line);flex-direction:column;gap:8px;padding-left:clamp(18px,2.4vw,44px);display:flex}.hero__metric:first-child{border-left:0;padding-left:0}.hero__metric-value{font-variant-numeric:tabular-nums;color:var(--fog-3);font-size:clamp(1.05rem,1.3vw,1.4rem);font-weight:600}.hero__metric-label{letter-spacing:.08em;color:var(--fg-2);font-size:clamp(.85rem,.95vw,1.02rem)}.hero__foot-left{flex-wrap:wrap;align-items:center;gap:clamp(20px,2.6vw,40px);display:flex}.hero__scroll{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;transition:color var(--dur) var(--ease);align-items:center;gap:14px;font-weight:500;display:inline-flex}.hero__scroll:hover{color:var(--fg)}.hero__scroll-line{background:var(--line-2);width:1px;height:clamp(28px,3.6vh,40px);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--fg-2);animation:hero-scroll 2.6s var(--ease) infinite;position:absolute;inset:0;transform:translateY(-100%)}@keyframes hero-scroll{0%{transform:translateY(-100%)}55%,to{transform:translateY(100%)}}.sec{padding-top:var(--gap-section);position:relative}.about__measure{max-width:1220px;margin-inline:auto}.about__body{flex-direction:column;gap:clamp(30px,3.4vw,52px);display:flex}.about__intro{letter-spacing:-.012em;text-wrap:pretty;font-size:clamp(1.15rem,1.5vw,1.6rem);line-height:1.62}.timeline{flex-direction:column;display:flex}.timeline__item{border-top:1px solid var(--line);grid-template-columns:118px minmax(0,1fr);gap:clamp(14px,2vw,40px);padding:22px 0;display:grid}.timeline__item:last-child{border-bottom:1px solid var(--line)}.timeline__item--with-shot{grid-template-columns:118px minmax(0,1fr) clamp(220px,20vw,340px);gap:clamp(14px,2vw,34px);padding:26px 0}.timeline__when{flex-direction:column;gap:5px;padding-top:3px;display:flex}.timeline__period{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.06em;color:var(--fg-3);white-space:nowrap}.timeline__label{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.08em;color:var(--fg-3)}.timeline__item:last-child .timeline__period{color:var(--accent)}.timeline__body{flex-direction:column;gap:12px;display:flex}.timeline__text{color:var(--fg-2);text-wrap:pretty;font-size:.95rem;line-height:1.78}.timeline__links{flex-wrap:wrap;gap:10px 26px;display:flex}.timeline__links .link{color:var(--accent);background-size:100% 1px;font-weight:500}.timeline__links .link:hover{color:var(--fg)}.timeline__shot{align-self:start;min-width:0}.timeline__frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-1);cursor:zoom-in;width:100%;display:block;position:relative;overflow:hidden}.timeline__frame img{width:100%;height:auto;filter:brightness(var(--shot-tone,.85)) saturate(.9) contrast(1.02);transition:filter .5s var(--ease)}.timeline__frame:after{content:"";pointer-events:none;background:linear-gradient(180deg, rgba(var(--bg-rgb), .08), rgba(var(--bg-rgb), .26));transition:opacity .5s var(--ease);position:absolute;inset:0}.timeline__item:hover .timeline__frame img,.timeline__frame:focus-visible img{filter:brightness(calc(var(--shot-tone,.85) * 1.11)) saturate(.94)}.timeline__item:hover .timeline__frame:after,.timeline__frame:focus-visible:after{opacity:.35}.timeline__cap{font-size:var(--t-label);letter-spacing:.02em;color:var(--fg-3);margin-top:10px;line-height:1.6}.shotbox{z-index:80;background:rgba(var(--bg-rgb), .92);-webkit-backdrop-filter:blur(16px)saturate(130%);animation:shotbox-in .28s var(--ease);justify-content:center;align-items:center;padding:clamp(24px,6vh,72px) clamp(20px,5vw,80px);display:flex;position:fixed;inset:0}@keyframes shotbox-in{0%{opacity:0}to{opacity:1}}.shotbox__inner{flex-direction:column;gap:16px;max-width:96vw;display:flex}.shotbox__img{object-fit:contain;width:auto;max-width:96vw;height:auto;max-height:82vh;filter:brightness(max(1, var(--shot-tone,1)));border:1px solid var(--line-2);border-radius:var(--radius)}.shotbox__video{width:auto;max-width:min(96vw,1600px);height:auto;max-height:76vh;aspect-ratio:var(--shot-ratio,16 / 9);object-fit:contain;border:1px solid var(--line-2);border-radius:var(--radius);background:#000}.shotbox__cap{align-items:baseline;gap:18px;display:flex}.shotbox__text{font-size:var(--t-sm);color:var(--fg-2)}.shotbox__hint{color:var(--fg-3);white-space:nowrap;margin-left:auto}.shotbox__close{border:1px solid var(--line-2);width:42px;height:42px;color:var(--fg-2);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;place-items:center;display:grid;position:fixed;top:clamp(18px,3vh,40px);right:clamp(18px,3vw,48px)}.shotbox__close svg{width:16px;height:16px}.shotbox__close:hover{border-color:var(--line-3);color:var(--fg);background:#ffffff0a}.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,3.4vw,60px) clamp(22px,2.2vw,42px);display:grid}.work__media{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg-1);position:relative;overflow:hidden}.work__shot{position:absolute;inset:0;transform:scale(1.03)}.work__poster,.work__preview{object-fit:cover;width:100%;height:100%;transition:opacity .5s var(--ease), transform .8s var(--ease), filter .5s var(--ease);position:absolute;inset:0}.work__poster{z-index:1;filter:brightness(var(--w-tone,var(--work-dim))) saturate(var(--work-sat)) contrast(1.05)}.work__preview{z-index:2;opacity:0}.work__media:after{content:"";z-index:3;pointer-events:none;transition:opacity .5s var(--ease);background:radial-gradient(125% 105%,#08090b00 38%,#08090b94 100%),linear-gradient(#08090b33,#08090b5c);position:absolute;inset:0}.work:hover .work__poster{filter:brightness(calc(var(--w-tone,var(--work-dim)) * 1.2)) saturate(.82) contrast(1.04);transform:scale(1.016)}.work:hover .work__preview{opacity:1}.work:hover .work__media:after{opacity:.3}.work__frame{z-index:4;text-align:left;display:block;position:absolute;inset:0}.work__play{-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.14em;color:var(--fg-2);transition:color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);background:#08090b85;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:7px 13px 7px 11px;display:inline-flex;position:absolute;bottom:14px;left:14px}.work__play:before{content:"";border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;border-left:7px solid;width:0;height:0}.work__frame:hover .work__play,.work__frame:focus-visible .work__play{color:var(--fg);border-color:var(--line-3);transform:translateY(-2px)}.work__head{align-items:baseline;gap:14px;margin-top:20px;display:flex}.work__no{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.1em;color:var(--fg-3)}.work__name{font-size:var(--t-h3);letter-spacing:-.005em;font-weight:600}.work__cat{color:var(--fg-3);white-space:nowrap;text-transform:none;margin-left:auto}.work__short{max-width:64ch;font-size:var(--t-sm);color:var(--fg-2);margin-top:10px;line-height:1.72}.site-foot{z-index:2;margin-top:var(--gap-section);border-top:1px solid var(--line);font-size:var(--t-label);letter-spacing:.06em;color:var(--fg-3);flex-direction:column;gap:16px;padding-top:26px;padding-bottom:30px;display:flex;position:relative}.site-foot__contact{flex-wrap:wrap;align-items:baseline;gap:10px 40px;display:flex}.site-foot__link{color:var(--fg);transition:color .35s var(--ease);align-items:baseline;gap:9px;display:inline-flex}.site-foot__link strong{color:var(--fg);letter-spacing:.02em;font-weight:600}.site-foot__link:hover{color:var(--accent)}.site-foot__hint{font-family:var(--font-mono);font-size:var(--t-label);color:var(--fg-2);transition:color .35s var(--ease)}.site-foot__link:hover .site-foot__hint{color:var(--accent)}.site-foot__row{flex-wrap:wrap;align-items:center;gap:14px 40px;display:flex}.site-foot__brand{color:var(--fg-2);margin-right:auto}.site-foot__links{gap:26px;display:flex}.site-foot__links a{color:var(--fg-3);transition:color .35s var(--ease)}.site-foot__links a:hover{color:var(--fg)}.bg{z-index:0;pointer-events:none;isolation:isolate;opacity:0;transition:opacity var(--enter-ms,1.7s) cubic-bezier(.22, 1, .36, 1);position:fixed;inset:0;overflow:hidden}.bg[data-entered=true]{opacity:1}.bg__base{background:radial-gradient(118% 92% at 50% 44%,#0000 30%,#04030a70 68%,#030208db 100%),radial-gradient(78% 58% at 46%,#24103b99 0%,#140a2457 44%,#0b091400 76%),linear-gradient(#08070f 0%,#0b0914 44%,#0a0812 72%,#07060d 100%);position:absolute;inset:0}.bg__atmos-wrap{transform:translate3d(0, var(--parallax-y,0px), 0);will-change:transform;position:absolute;inset:0}.bg__atmos{--amb-speed:1;opacity:var(--amb-opacity,1);position:absolute;inset:0}.bg__ribbon{left:var(--x);top:var(--y);width:var(--w);height:var(--h);opacity:var(--rib-a,1);will-change:transform;transform:translate(-50%, -50%) rotate(var(--rot));animation:bg-drift calc(var(--dur,24s) / var(--amb-speed,1)) cubic-bezier(.42, 0, .58, 1) infinite;background:radial-gradient(closest-side,#8046ec1a 0%,#703ad413 26%,#582cac0a 48%,#3a1e7804 68%,#22104a00 88%);border-radius:50%;position:absolute}.bg__core{width:46%;height:78%;animation:bg-breathe var(--dur-core) ease-in-out infinite;background:radial-gradient(closest-side,#dcccff09 0%,#b892ff06 26%,#9262f402 52%,#603cbe00 78%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg__ribbon:first-child{--x:11%;--y:46%;--w:81vw;--h:22.4vw;--rot:-13deg;--dx:90px;--dy:-46px;--dr:3deg;--rib-a:1;--dur:26s;--dur-core:15s}.bg__ribbon:nth-child(2){--x:60%;--y:82%;--w:69vw;--h:17.8vw;--rot:-13deg;--dx:-110px;--dy:-34px;--dr:-4deg;--rib-a:.95;--dur:21s;--dur-core:13s}.bg__ribbon:nth-child(3){--x:87%;--y:9%;--w:49vw;--h:13vw;--rot:-40deg;--dx:-70px;--dy:40px;--dr:5deg;--rib-a:.85;--dur:33s}.bg__ribbon:nth-child(4){--x:42%;--y:50%;--w:94vw;--h:39.7vw;--rot:-7deg;--dx:60px;--dy:30px;--dr:-2deg;--rib-a:.7;--dur:18s;background:radial-gradient(closest-side,#663cc60e 0%,#5430ac0a 32%,#3e248405 56%,#28165800 80%)}.bg__ribbon:nth-child(5){--x:95%;--y:56%;--w:54vw;--h:20.3vw;--rot:-13deg;--dx:-84px;--dy:-26px;--dr:3deg;--rib-a:.7;--dur:29s}@keyframes bg-drift{0%{transform:translate(-50%, -50%) translate3d(0, 0, 0) rotate(var(--rot)) scale(1)}to{transform:translate(-50%, -50%) translate3d(var(--dx), var(--dy), 0) rotate(calc(var(--rot) + var(--dr))) scale(1.04)}}@keyframes bg-breathe{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.14)}}.bg__dots{width:100%;height:100%;opacity:var(--grid-opacity,.5);mix-blend-mode:screen;display:block;position:absolute;inset:0}.bg__glow{width:var(--glow-size,420px);height:var(--glow-size,420px);margin-left:calc(var(--glow-size,420px) / -2);margin-top:calc(var(--glow-size,420px) / -2);opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.bg__glow i{border-radius:50%;display:block;position:absolute}.bg__glow-halo{background:radial-gradient(closest-side, rgba(126, 74, 236, calc(var(--glow-a,.16) * .75)) 0%, rgba(104, 58, 202, calc(var(--glow-a,.16) * .45)) 32%, rgba(74, 40, 156, calc(var(--glow-a,.16) * .16)) 58%, #301a6800 80%);inset:0}.bg__glow-mid{background:radial-gradient(closest-side, rgba(158, 106, 255, calc(var(--glow-a,.16) * .95)) 0%, rgba(120, 72, 224, calc(var(--glow-a,.16) * .45)) 42%, #6038be00 74%);inset:18%}.bg__glow-core{filter:blur(calc(var(--glow-blur,60px) / 4));background:radial-gradient(closest-side, rgba(216, 198, 255, calc(var(--glow-a,.16) * 1.1)) 0%, rgba(170, 126, 255, calc(var(--glow-a,.16) * .5)) 46%, #8c5cf000 76%);inset:38%}.bg__hover{position:absolute;inset:0}.bg__spot{opacity:0;will-change:transform, opacity;background:radial-gradient(closest-side,#8e5ef221 0%,#7044d212 42%,#502ea000 76%);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;position:absolute;top:0;left:0}.bg__grain{mix-blend-mode:screen;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;width:200%;height:200%;animation:7s steps(7,end) infinite bg-grain;position:absolute;inset:-50%}@keyframes bg-grain{0%{transform:translate(0,0)}14%{transform:translate(-3%,2%)}28%{transform:translate(2%,-3%)}42%{transform:translate(-2%,-2%)}57%{transform:translate(3%,1%)}71%{transform:translate(-1%,3%)}85%{transform:translate(2%,2%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.bg,.bg *{transition-duration:.001ms!important;transition-delay:0s!important;animation:none!important}.bg{opacity:1!important}.bg__ribbon{transform:translate(-50%, -50%) rotate(var(--rot))}}@media (hover:none),(width<=720px){.bg__glow,.bg__hover{display:none}}.mask{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.mask__i{display:block}.opening{z-index:70;background:linear-gradient(#08070f 0%,#0b0914 44%,#0a0812 72%,#07060d 100%);place-items:center;display:grid;position:fixed;inset:0}.opening__inner{flex-direction:column;align-items:center;gap:20px;display:flex}.opening__brand{letter-spacing:.14em;color:var(--fg);align-items:baseline;gap:14px;font-size:1.9rem;font-weight:600;display:flex}.opening__sep{font-family:var(--font-mono);color:var(--fg-3);font-size:1.25rem;font-weight:400}.opening__bar{background:var(--line-2);width:200px;height:1px;display:block;overflow:hidden}.opening__bar i{background:var(--accent);transform-origin:0;height:100%;display:block}html[data-motion=off] .opening{display:none}html[data-motion=on] .work__shot,html[data-motion=on] .timeline__frame img{will-change:auto}.mask__i,.work__shot,.timeline__frame img{backface-visibility:hidden}@media (width<=1280px){.timeline__item--with-shot{grid-template-columns:110px minmax(0,1fr) clamp(180px,17vw,260px)}.rail{display:none}}@media (width<=1024px){.timeline__item--with-shot{grid-template-columns:118px minmax(0,1fr)}.timeline__shot{grid-column:2;max-width:420px;margin-top:18px}.projects__grid{grid-template-columns:1fr}}@media (width<=720px){.nav__links{display:none}.timeline__item{grid-template-columns:1fr;gap:8px}.timeline__when{flex-direction:row;align-items:baseline;gap:12px;padding-top:0}.timeline__item--with-shot{grid-template-columns:1fr}.timeline__shot{grid-column:1;max-width:none;margin-top:6px}.work__head{flex-wrap:wrap;gap:4px 12px}.work__cat{white-space:normal;flex-basis:100%;margin-left:0}.work__play{letter-spacing:.1em;padding:6px 11px 6px 9px;bottom:10px;left:10px}.hero__title{font-size:clamp(1.8rem,8.8vw,2.7rem)}.hero__foot-inner{flex-direction:column;align-items:flex-start;gap:14px}.hero__metrics{flex-wrap:wrap;gap:10px 20px}.hero__metric{padding-left:20px}.site-foot__contact{gap:6px 22px}.hero__actions{margin-top:28px}.hero__actions .btn{padding:14px 24px}.btn{padding:13px 22px}}