.line-sidebar{--accent-color:#2d67ff;--text-color:#89909b;--marker-color:#bec3cc;--marker-length:20px;--marker-gap:5px;--tick-scale:.45;--max-shift:8px;--item-gap:20px;--font-size:.58rem;position:relative;display:flex;justify-content:flex-start}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{width:100%;margin:0;padding:1rem 0;display:flex;flex-direction:column;gap:var(--item-gap);list-style:none}.line-sidebar__item{position:relative;cursor:pointer}.line-sidebar__item:before{content:"";position:absolute;top:-7px;right:-22px;bottom:-7px;left:-22px}.line-sidebar__button{position:relative;z-index:1;width:100%;min-height:28px;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.line-sidebar__label{position:relative;display:inline-flex;align-items:baseline;color:color-mix(in srgb,var(--accent-color) calc(var(--effect,0) * 100%),var(--text-color));font-size:var(--font-size);font-weight:600;line-height:1.2;white-space:nowrap;transform:translate(calc(var(--effect,0) * var(--max-shift)));will-change:color,transform}.line-sidebar__index{margin-right:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;font-variant-numeric:tabular-nums;opacity:calc(.55 + var(--effect,0) * .45)}.line-sidebar__marker{position:absolute;top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));width:var(--marker-length);height:1px;background-color:color-mix(in srgb,var(--accent-color) calc(var(--effect,0) * 100%),var(--marker-color));transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));transform-origin:left center;will-change:background-color,transform}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";position:absolute;top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));width:calc(var(--marker-length) * var(--tick-scale));height:1px;background-color:var(--marker-color);opacity:.45;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6));transform-origin:left center}.line-sidebar__button:focus-visible{outline:none}.line-sidebar__button:focus-visible .line-sidebar__text{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.line-sidebar__label,.line-sidebar__marker{will-change:auto}}:root{color:#0b0d12;background:#fff;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;--ink:#0b0d12;--muted:#6f7480;--line:#dfe3e9;--soft:#f5f7fa;--blue:#2d67ff;--rail:92px;--shell:1240px;--gutter:clamp(28px,5vw,78px);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%}::selection{color:#fff;background:var(--blue)}.skip-link{position:fixed;top:12px;left:90px;z-index:1000;padding:9px 14px;color:#fff;background:var(--ink);transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.side-rail{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--rail);border-right:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rail-brand{position:absolute;top:24px;left:50%;font-size:10px;font-weight:700;letter-spacing:.09em;transform:translate(-50%)}.rail-navigation{position:absolute;top:14vh;right:9px;bottom:7vh;left:0}.portfolio-line-sidebar{width:100%;height:100%;padding-left:30px}.portfolio-line-sidebar .line-sidebar__list{height:100%;display:grid;grid-template-rows:repeat(5,1fr);gap:0;padding:0}.portfolio-line-sidebar .line-sidebar__item{display:flex;align-items:center}.portfolio-line-sidebar .line-sidebar__item:not(:last-child):after{top:100%}.side-rail .rail-subnav{position:absolute;top:calc(70% + 22px);left:51px;z-index:2;display:grid;gap:5px;width:35px;padding:7px 0 7px 8px;border-left:1px solid var(--line);background:#ffffffe6;animation:rail-subnav-in .3s var(--ease) both}.side-rail .rail-subnav a{color:#9298a3;font-size:8px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap;transition:color .22s ease,transform .3s var(--ease)}.side-rail .rail-subnav a:hover,.side-rail .rail-subnav a:focus-visible,.side-rail .rail-subnav a.is-active{color:var(--blue);transform:translate(2px)}.mobile-header,.mobile-menu{display:none}main{margin-left:var(--rail);overflow-x:clip}.section{position:relative;padding:clamp(100px,9vw,150px) 0}.section-shell{width:min(calc(100% - var(--gutter)*2),var(--shell));margin:0 auto}.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}.strands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}.hero-copy{width:min(calc(100% - var(--gutter)*2),1600px);margin:0 auto;padding-top:3vh}.hero h1{margin:0;max-width:780px;font-size:clamp(72px,9.4vw,150px);font-weight:370;line-height:.82;letter-spacing:-.078em}.hero h1 span{display:block;opacity:0;transform:translateY(80px);animation:hero-in 1.25s var(--ease) forwards}.hero h1 span:nth-child(2){animation-delay:.12s}.hero-role{margin:28px 0 0 5px;font-size:clamp(16px,1.25vw,20px);font-weight:520;opacity:0;animation:fade-in 1s .42s ease forwards}.hero-summary{max-width:430px;margin:38px 0 0 5px;color:#343944;font-size:clamp(14px,1.1vw,17px);line-height:1.9;letter-spacing:.01em;opacity:0;animation:fade-in 1s .56s ease forwards}.explore-link{display:inline-flex;align-items:center;gap:16px;margin:44px 0 0 5px;padding-bottom:7px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:13px;font-weight:600;opacity:0;animation:fade-in 1s .74s ease forwards}.explore-link svg{animation:nudge 2s var(--ease) infinite}.hero-mark{position:absolute;top:50%;right:0;z-index:-1;margin-right:clamp(80px,10.85vw,210px);margin-left:1px;padding-left:1px;color:transparent;font-size:clamp(230px,32vw,520px);font-weight:250;line-height:.7;letter-spacing:-.12em;-webkit-text-stroke:1px rgba(107,117,134,.2);transform:translateY(-44%);-webkit-user-select:none;user-select:none}@keyframes hero-in{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes nudge{50%{transform:translateY(5px)}}@media(min-width:1600px){.hero-copy{width:min(calc(100% - 266px),1600px)}}.profile-section{padding-bottom:clamp(80px,8vw,128px)}.profile-grid{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:clamp(70px,10vw,158px);align-items:center}.profile-portrait{width:min(100%,358px);margin:0;overflow:hidden;background:#eee}.profile-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.profile-copy{max-width:650px}.eyebrow{margin:0 0 28px;color:var(--muted);font-size:10px;letter-spacing:.14em}.profile-copy h2{margin:0;font-size:clamp(58px,6vw,86px);font-weight:520;line-height:.95;letter-spacing:-.07em}.profile-role{margin:24px 0 0!important;color:var(--ink)!important;font-size:22px!important;font-weight:540}.profile-copy strong{display:block;margin-top:8px;color:var(--muted);font-size:16px;font-weight:500}.accent-rule{display:block;width:42px;height:2px;margin:24px 0 40px;background:var(--blue)}.profile-copy>p:not(.eyebrow):not(.profile-role){margin:0;color:#3d424b;font-size:clamp(15px,1.25vw,18px);line-height:1.9}.profile-copy>p+p{margin-top:22px!important;color:var(--muted)!important;font-size:14px!important}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(58px,6vw,92px);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:0 24px;border-left:1px solid var(--line)}.fact:first-child{padding-left:0;border-left:0}.fact svg{color:var(--ink)}.fact span,.fact strong{display:block}.fact span{margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.1em}.fact strong{font-size:12px;font-weight:540;line-height:1.65}.fact strong+strong{color:var(--muted);font-weight:450}.profile-section.section{min-height:100vh;display:flex;align-items:center;padding:clamp(96px,8vw,138px) 0}.profile-section .section-shell{width:min(calc(100% - var(--gutter)*2),1540px)}.profile-section .profile-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(64px,10vw,190px);align-items:center}.profile-media{display:grid;justify-items:start}.profile-media .eyebrow{margin:0 0 14px 4px;font-size:11px;font-weight:550;letter-spacing:.14em}.profile-section .profile-portrait{width:min(100%,clamp(330px,28.1vw,455px))}.profile-section .profile-copy{width:100%;max-width:720px;padding-top:clamp(24px,3vw,52px)}.profile-section .profile-copy h2{font-size:clamp(64px,5vw,94px);font-weight:600;letter-spacing:-.065em}.profile-section .profile-role{margin-top:32px!important;font-size:clamp(20px,1.45vw,25px)!important}.profile-section .profile-copy strong{margin-top:10px;font-size:clamp(15px,1vw,18px)}.profile-section .accent-rule{width:44px;margin:22px 0 44px}.profile-section .profile-copy>p:not(.profile-role){max-width:700px;font-size:clamp(15px,1.12vw,18px);line-height:1.9}.profile-section .profile-copy>p+p{margin-top:28px!important;font-size:clamp(13px,.9vw,15px)!important;line-height:1.9}.software-logos{display:grid;width:min(100%,620px);grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,.85vw,15px);align-items:center;margin:clamp(36px,3.5vw,54px) 0 0;padding:0;list-style:none}.software-logos li{width:100%;aspect-ratio:1}.software-logos img{width:100%;height:100%;object-fit:contain}.software-dock{isolation:isolate}.software-dock-loading{min-height:72px}.software-dock-item{position:relative;z-index:0;will-change:transform}.software-dock-item:hover{z-index:1}.contact.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(110px,10vw,170px) 0 28px;background:#fff}.contact .contact-grid{display:grid;grid-template-columns:1fr;justify-items:center;gap:0;text-align:center}.contact .contact-statement{display:grid;justify-items:center;width:100%}.contact-statement .contact-thanks{max-width:none;display:block;margin:0;font-size:clamp(128px,15.2vw,246px);font-weight:280;line-height:.76;letter-spacing:-.075em}.contact-message{margin:clamp(42px,4vw,64px) 0 0;color:#373a40;font-size:clamp(24px,2.7vw,42px);font-weight:390;line-height:1.45;letter-spacing:-.035em}.contact .contact-details{width:min(100%,980px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(70px,9vw,145px);margin-top:clamp(94px,9vw,144px)}.contact-copy{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:16px;width:100%;min-height:66px;padding:0 4px 13px;border:0;border-bottom:1px solid #cfd3da;color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:color .22s ease,border-color .22s ease}.contact-copy span{font-size:clamp(20px,1.7vw,28px);font-weight:420;letter-spacing:-.025em;white-space:nowrap}.contact-copy svg:last-child{justify-self:end;color:var(--blue);transition:transform .36s var(--ease)}.contact-copy:hover,.contact-copy:focus-visible{border-color:var(--blue);color:var(--blue)}.contact-copy:hover svg:last-child,.contact-copy:focus-visible svg:last-child{transform:translate(5px)}.contact-copy:focus-visible{outline:2px solid var(--blue);outline-offset:8px}.copy-toast{position:fixed;left:50%;bottom:clamp(42px,7vh,82px);z-index:160;width:clamp(164px,16vw,230px);pointer-events:none;transform:translate(-50%);animation:copy-toast-lifecycle 1.5s var(--ease) both}.copy-toast img{width:100%;height:auto;filter:drop-shadow(0 14px 30px rgba(11,13,18,.18))}@keyframes copy-toast-lifecycle{0%{opacity:0;transform:translate(-50%,14px) scale(.96)}12%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}@media(max-width:900px){.contact-message{max-width:760px}.contact .contact-details{gap:42px}}@media(max-width:640px){.contact.section{min-height:auto}.contact-statement .contact-thanks{font-size:clamp(76px,24vw,118px)}.contact-message{margin-top:28px;font-size:20px}.contact .contact-details{grid-template-columns:1fr;gap:30px;margin-top:64px}.contact-copy span{font-size:18px}.contact-copy{grid-template-columns:34px minmax(0,1fr) 28px;gap:12px}.contact-copy svg:first-child{width:29px;height:29px}}.experience-section{padding-top:0}.section-heading{display:flex;align-items:end;gap:30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font-size:clamp(38px,4.2vw,58px);font-weight:540;line-height:1;letter-spacing:-.055em}@media(min-width:901px){.experience-section{margin-top:-93px;padding-bottom:clamp(64px,3vw,76px)}.experience-section .section-shell{width:min(calc(100% - var(--gutter)*2),1540px)}}.experience-list{padding-top:8px;--timeline-line-1-end:-39px;--timeline-line-2-end:-38px}.experience-entry{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 160px;gap:24px;padding:38px 0}.experience-entry:after{content:"";position:absolute;right:0;bottom:0;left:42px;height:1px;background:var(--line)}.experience-entry time{grid-column:3;grid-row:1;align-self:start;padding-top:4px;color:var(--muted);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.experience-entry h3{margin:0;font-size:clamp(18px,1.6vw,23px);font-weight:640;line-height:1.3}.experience-entry strong{display:block;margin-top:8px;font-size:12px;font-weight:620}.experience-entry p{max-width:860px;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.9}.timeline-node{position:relative;display:block}.timeline-node:before{content:"";position:absolute;top:8px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--blue);transform:translate(-50%)}.timeline-node:after{content:"";position:absolute;top:21px;bottom:var(--timeline-line-1-end);left:50%;width:1px;background:var(--line)}.experience-entry:last-child .timeline-node:after{bottom:var(--timeline-line-2-end)}.archive-interlude{position:relative;height:320vh;background:#fff;--archive-progress:0}.archive-stage{position:sticky;top:0;height:100vh;overflow:hidden;color:var(--ink);background:#fff;isolation:isolate}.archive-stage-header{position:absolute;inset:28px 32px auto;z-index:4;display:flex;justify-content:space-between;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.12em}.archive-flow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:220vh;will-change:transform}.archive-card{position:absolute;width:clamp(210px,18vw,340px);margin:0;overflow:hidden;background:var(--soft);opacity:var(--card-opacity,0);transform:scale(var(--card-scale,0));transform-origin:right bottom;will-change:transform,opacity}.archive-card video{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:var(--soft)}.archive-card figcaption{position:absolute;inset:auto 10px 9px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.12em;text-align:right;mix-blend-mode:difference}.archive-card--one{top:4%;left:6%}.archive-card--two{top:18%;left:48%;width:clamp(250px,22vw,420px);transform-origin:left bottom}.archive-card--three{top:35%;right:5%;width:clamp(190px,16vw,310px);transform-origin:left bottom}.archive-card--four{top:52%;left:27%;width:clamp(220px,19vw,360px)}.archive-card--five{top:70%;right:12%;width:clamp(250px,21vw,400px);transform-origin:left bottom}.archive-card--six{top:88%;left:5%;width:clamp(190px,17vw,320px)}.archive-progress{position:absolute;inset:auto auto 32px 32px;z-index:3;display:grid;color:var(--ink);font-size:clamp(42px,6vw,92px);font-weight:430;line-height:.78;letter-spacing:-.075em}.archive-progress span:last-child{padding-left:clamp(46px,8vw,130px)}.archive-interlude{height:560vh}.archive-flow{height:420vh}.archive-card{width:clamp(170px,14vw,260px);padding:0;border:0;color:inherit;text-align:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.archive-card:hover{box-shadow:0 24px 64px #141f3524}.archive-card:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.archive-card video{aspect-ratio:9/16;pointer-events:none}.archive-card-count{position:absolute;inset:auto 10px 9px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.12em;text-align:right;mix-blend-mode:difference;pointer-events:none}.archive-card--one{top:2%;left:7%;width:clamp(170px,14vw,260px)}.archive-card--two{top:10%;left:53%;width:clamp(190px,17vw,310px)}.archive-card--three{top:18%;right:6%;width:clamp(160px,13vw,240px)}.archive-card--four{top:26%;left:26%;width:clamp(180px,15vw,280px)}.archive-card--five{top:34%;right:14%;width:clamp(200px,18vw,330px)}.archive-card--six{top:42%;left:6%;width:clamp(170px,14vw,260px)}.archive-card--seven{top:50%;left:55%;width:clamp(185px,16vw,295px);transform-origin:left bottom}.archive-card--eight{top:58%;right:7%;width:clamp(160px,13vw,240px);transform-origin:left bottom}.archive-card--nine{top:66%;left:24%;width:clamp(200px,18vw,330px)}.archive-card--ten{top:74%;right:18%;width:clamp(170px,14vw,260px);transform-origin:left bottom}.archive-card--eleven{top:82%;left:5%;width:clamp(185px,16vw,295px)}.archive-card--twelve{top:90%;right:8%;width:clamp(200px,18vw,330px);transform-origin:left bottom}.archive-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:34px;background:#05070be6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fade-in .22s ease forwards}.archive-video-dialog{position:relative;display:grid;justify-items:center;max-width:92vw;max-height:92vh}.archive-video-player{display:block;width:auto;height:min(78vh,850px);max-width:88vw;aspect-ratio:9/16;object-fit:contain;background:#000;box-shadow:0 36px 100px #00000073}.archive-video-close{position:fixed;top:22px;right:26px;z-index:2;display:flex;align-items:center;gap:12px;height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:#0c0e1252;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.archive-video-close:hover,.archive-video-close:focus-visible{border-color:#fff;background:#ffffff1f}.archive-video-close span{font-size:21px;line-height:1}.archive-video-meta{width:100%;display:flex;justify-content:space-between;gap:30px;padding-top:13px;color:#fff;font-size:10px;letter-spacing:.1em}.archive-video-meta strong{font-weight:500;letter-spacing:0}.works{padding-top:clamp(70px,7vw,105px);border-top:1px solid var(--line)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.7vw,38px);padding-top:clamp(50px,5vw,74px);perspective:1200px}.work-visual{position:relative;width:100%;display:block;padding:0;border:0;background:var(--soft);overflow:hidden;cursor:zoom-in;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.work-visual:hover{box-shadow:0 28px 70px #1927471f}.work-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),transparent 34%);opacity:0;transition:opacity .32s ease;pointer-events:none}.work-visual:hover:after{opacity:1}.work-visual img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top;transition:transform .9s var(--ease),filter .5s ease}.work-visual:hover img{transform:scale(1.018);filter:saturate(1.04)}.work-overlay{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:70px 18px 16px;color:#fff;background:linear-gradient(to bottom,transparent,rgba(5,8,14,.74));text-align:left;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .5s var(--ease)}.work-visual:hover .work-overlay,.work-visual:focus-visible .work-overlay{opacity:1;transform:translateY(0)}.work-overlay strong{font-size:15px}.work-overlay small{font-size:10px;opacity:.8}.contact{padding:clamp(80px,8vw,120px) 0 28px;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,10vw,160px);align-items:start}.contact-statement h2{max-width:480px;display:grid;gap:clamp(9px,1.1vw,16px);margin:0;line-height:1.12}.contact-title-kicker{color:var(--muted);font-size:clamp(15px,1.35vw,20px);font-weight:500;letter-spacing:-.02em}.contact-title-main{font-size:clamp(34px,4vw,60px);font-weight:560;letter-spacing:-.055em}.contact-title-support{color:var(--muted);font-size:clamp(19px,2vw,29px);font-weight:420;letter-spacing:-.035em}.contact-details{display:grid}.contact-details>a{min-height:60px;display:grid;grid-template-columns:38px 1fr;align-items:center;margin:0;border-bottom:1px solid var(--line)}.contact-details a{transition:color .22s ease}.contact-details a:hover{color:var(--blue)}.contact-details span,.contact-details .email-link span{font-size:14px;font-weight:400;letter-spacing:0}.contact-details .email-link{min-height:60px}.collab-link{grid-template-columns:1fr auto!important;border-bottom-color:var(--ink)!important}.collab-link svg{justify-self:end;color:var(--blue)}.footer{display:flex;justify-content:space-between;margin-top:clamp(80px,10vw,140px);padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em}.footer a{transition:color .22s ease}.footer a:hover{color:var(--blue)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:60px;background:#07090df2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fade-in .25s ease forwards}.lightbox-close{position:fixed;top:22px;right:26px;min-width:64px;height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.32);color:#fff;background:transparent;cursor:pointer}.lightbox figure{max-width:min(86vw,920px);max-height:86vh;margin:0}.lightbox img{max-height:78vh;margin:0 auto;object-fit:contain}.lightbox figcaption{display:flex;justify-content:space-between;gap:28px;margin-top:16px;color:#fff;font-size:13px}.lightbox figcaption span{color:#aeb5c1}@media(max-width:900px){:root{--rail:0px}.side-rail{display:none}main{margin-left:0}.mobile-header{position:fixed;inset:0 0 auto;z-index:50;height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid rgba(223,227,233,.72);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header>a{font-size:12px;font-weight:700;letter-spacing:.1em}.mobile-header button{min-width:52px;height:38px;padding:0;border:0;background:transparent;font-size:12px;font-weight:600}.mobile-menu{position:fixed;inset:62px 0 auto;z-index:49;display:grid;max-height:0;overflow:hidden;background:#fffffffa;transition:max-height .5s var(--ease),border-color .3s ease}.mobile-menu.is-open{max-height:340px;border-bottom:1px solid var(--line)}.mobile-menu a{padding:15px 20px;border-top:1px solid var(--line);font-size:17px}.hero-copy{padding-top:62px}.hero-mark{right:-20vw;margin-right:0}.profile-grid{gap:58px}.facts-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.fact:nth-child(3){padding-left:0;border-left:0}.experience-entry{grid-template-columns:18px minmax(0,1fr) 132px}.contact-grid{gap:64px}}@media(max-width:640px){:root{--gutter:20px}.section{padding:86px 0}.hero{min-height:760px}.hero-copy{align-self:flex-start;padding-top:170px}.hero h1{font-size:clamp(58px,18vw,84px);line-height:.86}.hero-role{margin-top:24px}.hero-summary{margin-top:28px;font-size:14px}.explore-link{margin-top:34px}.hero-mark{top:58%;right:-34%;font-size:72vw;opacity:.72}.profile-grid{grid-template-columns:1fr;gap:44px}.profile-portrait{order:1}.profile-copy{order:2}.profile-copy h2{font-size:68px}.profile-copy>p:not(.eyebrow):not(.profile-role){font-size:16px}.facts-grid{grid-template-columns:1fr;margin-top:58px;padding:0;border-bottom:0}.fact,.fact:first-child,.fact:nth-child(3){padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.section-heading h2{font-size:38px}.experience-entry{grid-template-columns:18px minmax(0,1fr);gap:14px 16px;padding:30px 0}.experience-entry time{grid-column:2;grid-row:auto;text-align:left}.experience-entry p{font-size:12px}.works-grid{display:block;padding-top:40px}.work-card{margin-bottom:38px}.work-visual{transform:none!important}.work-overlay{display:none}.contact-grid{grid-template-columns:1fr;gap:58px}.contact-statement h2{font-size:27px}.contact-details .email-link span{font-size:8vw}.footer{display:grid;gap:12px;margin-top:70px}.lightbox{padding:56px 18px 24px}.lightbox figcaption{display:grid;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.contact .contact-details .contact-copy span{font-size:clamp(20px,1.7vw,28px);font-weight:420;letter-spacing:-.025em}.contact-statement .contact-thanks{font-size:clamp(120px,11vw,200px);line-height:.82;letter-spacing:-.065em}.contact .contact-message{font-size:clamp(26px,2.45vw,50px);line-height:1.35;letter-spacing:-.03em}.contact .contact-details .contact-copy span{font-size:clamp(20px,1.7vw,34px)}.contact-wechat-icon{width:36px;height:36px;object-fit:contain}.copy-toast{top:50%;bottom:auto;width:clamp(108px,10.5vw,152px);transform:translate(-50%,-50%)}@keyframes copy-toast-lifecycle{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.96)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 8px)) scale(.98)}}.archive-interlude{height:520vh}.archive-flow{height:390vh}.work-card{content-visibility:auto;contain-intrinsic-size:320px 692px;animation:work-card-in .65s var(--ease) both}.work-visual img{aspect-ratio:1/2.16;object-position:center}.works-expand{width:92px;display:grid;justify-items:center;gap:8px;margin:48px auto 0;padding:10px 0 4px;border:0;color:var(--ink);background:transparent;cursor:pointer}.works-expand span{font-size:11px;font-weight:600;letter-spacing:.16em}.works-expand svg{color:var(--blue);animation:expand-invite 1.7s var(--ease) infinite;transition:transform .5s var(--ease)}.works-expand:hover svg{animation-duration:.85s}.works-expand:focus-visible{outline:1px solid var(--blue);outline-offset:8px}.works-expand.is-expanded svg{animation:none;transform:rotate(180deg)}.lightbox{grid-template-columns:minmax(62px,1fr) minmax(0,920px) minmax(62px,1fr);gap:clamp(16px,3vw,46px)}.lightbox figure{grid-column:2;width:fit-content;display:grid;justify-items:center}.lightbox img{width:auto;max-width:min(74vw,920px);max-height:82vh}.lightbox figcaption{width:100%;font-variant-numeric:tabular-nums}.lightbox-nav{width:54px;height:54px;display:grid;place-items:center;align-self:center;justify-self:center;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;background:#ffffff0a;cursor:pointer;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .35s var(--ease)}.lightbox-nav:hover,.lightbox-nav:focus-visible{color:#0b0d12;background:#fff;border-color:#fff;transform:scale(1.06)}.lightbox-nav--previous{grid-column:1;grid-row:1}.lightbox-nav--next{grid-column:3;grid-row:1}.lightbox-close{z-index:2;border-radius:999px}.lightbox-close:hover,.lightbox-close:focus-visible{border-color:#fff;background:#ffffff1a}@keyframes work-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes expand-invite{0%,to{transform:translateY(0)}45%{transform:translateY(8px)}70%{transform:translateY(3px)}}@media(max-width:640px){.lightbox{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.lightbox-nav{width:38px;height:38px}.lightbox img{max-width:calc(100vw - 116px)}.works-expand{margin-top:26px}}.works-grid--expanded{padding-top:30px}.archive-card{overflow:visible;background:transparent}.archive-card:hover{box-shadow:none}.archive-card video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.archive-progress{letter-spacing:.01em}.archive-progress span:first-child{padding-bottom:16px}.archive-progress span:last-child{padding-left:clamp(32px,4.9vw,78px);margin-bottom:6px;font-size:clamp(36px,4.88vw,74px);letter-spacing:.02em}.works-title-en{font-size:.5em;font-weight:440;letter-spacing:-.04em}.side-rail nav .rail-item{position:relative}.side-rail nav .rail-subnav{position:absolute;top:43px;left:35px;z-index:2;display:grid;gap:5px;width:42px;padding:6px 0 7px 9px;border-left:1px solid var(--line);background:#ffffffe0;animation:rail-subnav-in .3s var(--ease) both}.side-rail nav .rail-subnav a{min-height:0;display:block;padding:2px 0;color:#9298a3;font-size:8px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap;transition:color .22s ease,transform .3s var(--ease)}.side-rail nav .rail-subnav a:before{display:none}.side-rail nav .rail-subnav a:hover,.side-rail nav .rail-subnav a:focus-visible,.side-rail nav .rail-subnav a.is-active{color:var(--blue);transform:translate(2px)}@keyframes rail-subnav-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.longform{min-height:100vh;padding:clamp(170px,13vw,220px) 0 clamp(110px,10vw,170px);border-top:1px solid var(--line);background:#fff;overflow:hidden}.longform-title{position:absolute;top:clamp(38px,4.5vw,72px);left:32px;z-index:3;display:grid;margin:0;color:var(--ink);font-size:clamp(40px,4.95vw,76px);font-weight:430;line-height:.78;letter-spacing:-.075em}.longform-title{letter-spacing:.01em}.longform-title span:first-child{padding-bottom:16px}.longform-title span:last-child{padding-left:clamp(32px,4.9vw,78px);font-size:clamp(30px,3.62vw,56px);letter-spacing:.02em;white-space:nowrap}.longform-stack-shell{position:relative;height:clamp(640px,62vw,940px)}.longform-stack-loading{width:100%;height:100%}.showcase-loading{min-height:100vh}.longform-drag-hint{position:absolute;top:18%;right:calc(100% + 50px);z-index:20;width:clamp(96px,8vw,132px);height:auto;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .42s ease;filter:drop-shadow(0 8px 16px rgba(18,28,47,.08))}.longform-drag-hint.is-fading{opacity:0}@media(max-width:1400px){.longform-stack-shell{width:calc(100% - var(--gutter)*2 - 72px);margin-left:calc(var(--gutter) + 72px);margin-right:var(--gutter)}}.longform-layout{position:relative;display:grid;width:100%;height:100%;grid-template-columns:minmax(330px,.78fr) minmax(0,1.62fr);gap:clamp(24px,4vw,68px);align-items:center;border-radius:clamp(16px,1.8vw,28px);background:#fff}.longform-device{position:relative;width:clamp(370px,35vw,520px);max-width:100%;aspect-ratio:9/16;margin:0;justify-self:center}.longform-device-screen{position:absolute;top:19.05%;right:23.45%;bottom:18.25%;left:23.45%;z-index:1;border-radius:11%/5%;overflow:hidden;background:transparent}.longform-device-screen img{width:100%;height:auto;max-width:none}.longform-device-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none}.longform-slices{--slice-height:clamp(470px,54vw,760px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,46px);align-items:start}.longform-slice{height:var(--slice-height);margin:0;border-radius:clamp(10px,1.2vw,18px);overflow:hidden;background:#ececec;box-shadow:0 12px 21px #121c2f40}.longform-slice img{width:100%;height:auto;max-width:none;will-change:transform}.longform-slice--1{margin-top:7%}.longform-slice--2{margin-top:20%}.longform-slice--2 img{transform:translateY(calc(-1 * var(--slice-height)))}.longform-slice--3 img{transform:translateY(calc(-2 * var(--slice-height)))}.copy-toast{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:block;width:auto;height:auto;transform:none;pointer-events:none;animation:copy-toast-lifecycle 1.5s ease both}.copy-toast img{position:absolute;top:var(--copy-toast-top,50%);left:var(--copy-toast-left,50%);width:clamp(108px,10.5vw,152px);height:auto;transform:translate(-50%,-100%)}@keyframes copy-toast-lifecycle{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.contact .contact-message{margin-top:38px;font-size:clamp(26px,2.1vw,43px)}@media(max-width:640px){:root{--gutter:20px}html{scroll-padding-top:62px}body{overflow-x:hidden}.section-shell{width:calc(100% - 40px)}.section{padding:76px 0}.mobile-header{height:62px;padding:0 18px}.mobile-header>a{font-size:13px}.mobile-header button{min-width:60px;font-size:13px}.mobile-menu{inset:62px 0 auto;grid-template-columns:1fr 1fr;padding:0 18px;background:#fffffffb;box-shadow:0 20px 46px #121c2f14}.mobile-menu.is-open{max-height:520px;padding-bottom:12px}.mobile-menu>a{display:flex;align-items:center;min-height:54px;padding:0;border-top:1px solid var(--line);font-size:15px}.mobile-menu>a:nth-of-type(1),.mobile-menu>a:nth-of-type(3){border-right:1px solid var(--line)}.mobile-menu-works{grid-column:1/-1;display:grid;grid-template-columns:72px repeat(4,1fr);align-items:center;min-height:58px;border-top:1px solid var(--line)}.mobile-menu-works span{font-size:12px;font-weight:650}.mobile-menu-works a{display:grid;place-items:center;min-height:36px;border-left:1px solid var(--line);color:var(--muted);font-size:12px}.hero{min-height:100svh;padding:0 0 28px}.hero-copy{align-self:center;width:calc(100% - 40px);padding-top:78px}.hero h1{max-width:100%;font-size:clamp(56px,17.5vw,72px);line-height:.86;letter-spacing:-.07em}.hero-role{margin:24px 0 0;font-size:15px}.hero-summary{max-width:290px;margin:26px 0 0;font-size:13px;line-height:1.8}.explore-link{margin:30px 0 0;font-size:12px}.hero-mark{top:auto;right:-15%;bottom:7%;font-size:73vw;opacity:.62;transform:none}.strands{opacity:.62}.profile-section.section{min-height:auto;display:block;padding:84px 0 72px}.profile-section .profile-grid{grid-template-columns:1fr;gap:38px}.profile-media{justify-items:stretch}.profile-media .eyebrow{margin-left:0}.profile-section .profile-portrait{width:100%;max-width:none}.profile-section .profile-copy{padding-top:0}.profile-section .profile-copy h2{font-size:58px}.profile-section .profile-role{margin-top:20px!important;font-size:19px!important}.profile-section .accent-rule{margin:20px 0 30px}.profile-section .profile-copy>p:not(.profile-role){font-size:15px;line-height:1.85}.profile-section .profile-copy>p+p{margin-top:18px!important;font-size:13px!important}.software-logos{grid-template-columns:repeat(4,1fr);gap:13px;width:100%;margin-top:34px}.software-dock-item{transform:none!important}.facts-grid{grid-template-columns:1fr 1fr;gap:0;margin-top:48px;padding:0;border-bottom:1px solid var(--line)}.fact,.fact:first-child,.fact:nth-child(3){grid-template-columns:28px 1fr;gap:10px;padding:18px 10px 18px 0;border-left:0;border-bottom:1px solid var(--line)}.fact:nth-child(2n){padding-left:14px;border-left:1px solid var(--line)}.fact:nth-last-child(-n+2){border-bottom:0}.fact span{font-size:8px}.fact strong{font-size:11px}.experience-section{margin-top:0;padding:72px 0 58px}.section-heading{padding-bottom:15px}.section-heading h2{font-size:36px}.experience-list{--timeline-line-1-end:-28px;--timeline-line-2-end:-28px}.experience-entry{grid-template-columns:14px minmax(0,1fr);gap:10px 14px;padding:28px 0}.experience-entry:after{left:28px}.experience-entry h3{font-size:18px}.experience-entry strong{font-size:11px}.experience-entry p{margin-top:15px;font-size:12px;line-height:1.75}.experience-entry time{grid-column:2;font-size:10px;text-align:left}.timeline-node:before{width:6px;height:6px}.archive-interlude{height:520vh}.archive-stage-header{inset:78px 20px auto;font-size:8px;letter-spacing:.1em}.archive-flow{height:390vh}.archive-card,.archive-card--one,.archive-card--two,.archive-card--three,.archive-card--four,.archive-card--five,.archive-card--six,.archive-card--seven,.archive-card--eight,.archive-card--nine,.archive-card--ten,.archive-card--eleven{width:clamp(126px,38vw,158px)}.archive-card--one{left:7%}.archive-card--two{left:auto;right:7%}.archive-card--three{left:10%;right:auto}.archive-card--four{left:auto;right:9%}.archive-card--five{left:6%;right:auto}.archive-card--six{left:auto;right:7%}.archive-card--seven{left:9%}.archive-card--eight{left:auto;right:8%}.archive-card--nine{left:7%}.archive-card--ten{left:auto;right:6%}.archive-card--eleven{left:10%}.archive-progress{left:20px;bottom:28px;font-size:48px;line-height:.82}.archive-progress span:first-child{padding-bottom:9px}.archive-progress span:last-child{padding-left:34px;font-size:30px}.archive-video-modal{padding:66px 18px 20px}.archive-video-player{height:min(72vh,620px);max-width:84vw}.archive-video-close{top:14px;right:14px}.archive-video-meta{font-size:8px}.works{padding:74px 0}.works .section-heading h2{font-size:42px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:32px}.work-card{margin:0;content-visibility:auto;contain-intrinsic-size:160px 346px}.work-visual img{aspect-ratio:1/2.16}.works-grid--expanded{padding-top:14px}.works-expand{margin-top:28px}.longform{min-height:auto;padding:128px 0 92px}.longform-title{top:46px;left:20px;font-size:48px;line-height:.78}.longform-title span:first-child{padding-bottom:10px}.longform-title span:last-child{padding-left:34px;font-size:28px}.longform-stack-shell{width:calc(100% - 40px);height:610px;margin:0 20px}.stack-card{top:-8px;right:-8px;bottom:-8px;left:-8px;padding:8px;border-radius:20px}.longform-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:9px;padding:10px;border-radius:16px}.longform-device{width:100%;max-width:176px}.longform-slices{--slice-height:390px;gap:6px}.longform-slice{border-radius:7px;box-shadow:0 8px 16px #121c2f2e}.longform-drag-hint{display:none}.contact.section{min-height:100svh;padding:92px 0 22px}.contact-statement .contact-thanks{font-size:clamp(70px,24vw,94px);line-height:.86}.contact .contact-message{max-width:310px;margin-top:28px;font-size:20px;line-height:1.6}.contact .contact-details{grid-template-columns:1fr;gap:28px;width:100%;margin-top:68px}.contact-copy{grid-template-columns:32px minmax(0,1fr) 26px;gap:10px;min-height:56px;padding-bottom:10px}.contact .contact-details .contact-copy span{font-size:17px}.contact-wechat-icon{width:28px;height:28px}.copy-toast img{width:94px}.footer{grid-template-columns:1fr auto;gap:12px;margin-top:76px;font-size:8px}.lightbox{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px;padding:62px 8px 24px}.lightbox-nav{width:34px;height:34px}.lightbox img{max-width:calc(100vw - 94px);max-height:72vh}.lightbox-close{top:14px;right:14px}.lightbox figcaption{font-size:10px}}