@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{--bg:#09070d;--bg-soft:#100c17;--panel:#171020;--text:#f2eff6;--muted:#928b9a;--line:#e1d6ff26;--acid:#ad7cff;--sans:"Manrope", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body::selection{background:var(--acid);color:#080808}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1700px,100% - 96px);margin-inline:auto}.section{padding-block:150px}.hero{background:#07050a;min-height:100svh;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.13;mix-blend-mode:soft-light;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__art-shell{will-change:transform;width:103%;height:103%;position:absolute;inset:-1.5%}.hero__art{object-fit:cover;object-position:center;filter:hue-rotate(205deg)saturate(1.08);will-change:transform, filter;width:100%;height:100%;animation:12s ease-in-out infinite alternate hero-art-flow;position:absolute;inset:0}@keyframes hero-art-flow{0%{filter:hue-rotate(198deg)saturate(.98)brightness(.91);transform:translate(-1.2%,-.55%)scale(1.055)rotate(-.15deg)}52%{filter:hue-rotate(214deg)saturate(1.24)brightness(1.1);transform:translate(1.35%,.65%)scale(1.082)rotate(.18deg)}to{filter:hue-rotate(204deg)saturate(1.1)brightness(1.01);transform:translate(-.3%,1.15%)scale(1.068)rotate(-.08deg)}}.hero__veil{z-index:1;background:radial-gradient(circle at 74% 38%,#9954eb2e,#0000 42%) 0 0/124% 124%,linear-gradient(90deg,#07040bd6 0%,#09050e78 41%,#08040d14 75%) 0 0/100% 100%,linear-gradient(#0000 64%,#08040cb3 100%) 0 0/100% 100%;animation:10s ease-in-out infinite alternate hero-light-flow;position:absolute;inset:0}@keyframes hero-light-flow{0%{background-position:32% 38%,0 0,0 0}to{background-position:70% 60%,0 0,0 0}}.nav{z-index:10;border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;display:grid;position:relative}.brand{letter-spacing:-.06em;justify-self:start;font-size:21px;font-weight:600}.brand sup{color:var(--acid);vertical-align:top;margin-left:2px;font-size:8px}.nav__links{gap:52px;display:flex}.nav__links a{color:#c9c9c4;font-size:13px;position:relative}.nav__links a:after{content:"";background:var(--acid);width:0;height:1px;transition:width .3s;position:absolute;bottom:-8px;left:0}.nav__links a:hover:after{width:100%}.nav__contact{border:1px solid #ffffff73;border-radius:99px;justify-self:end;align-items:center;gap:24px;padding:12px 18px 12px 22px;font-size:13px;transition:background .25s,color .25s,border-color .25s;display:flex}.nav__contact:hover{background:var(--acid);color:#050505;border-color:var(--acid)}.nav__menu{display:none}.hero__content{z-index:3;flex-direction:column;justify-content:center;min-height:calc(100svh - 92px);padding-top:5vh;padding-bottom:38px;display:flex;position:relative}.hero__eyebrow{font:10px var(--mono);letter-spacing:.15em;color:#a6a69f;align-items:center;gap:10px;margin-bottom:34px;display:flex}.status-dot{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ad7cff24}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(80px,10.2vw,190px);font-weight:300;line-height:.79}.hero h1>span{display:block}.hero h1 em{color:var(--acid);font-style:normal}.hero__line-indent{padding-left:9.5vw}.hero h1.hero__title-cn{inset-inline:0;letter-spacing:-.065em;text-align:center;font-size:clamp(52px,5.1vw,92px);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.hero__title-mask{white-space:nowrap;margin-block:-.16em;padding-block:.16em;display:block;overflow:hidden}.hero__title-track{white-space:nowrap;will-change:transform, opacity;display:block}.hero__title-cn .hero__line-indent{padding-left:0}.hero__bottom{grid-template-columns:1.3fr 1fr auto;align-items:end;margin-top:auto;padding-top:56px;display:grid}.hero__bottom p{color:#b4b4ae;margin:0;font-size:12px;line-height:1.8}.hero__bottom .hero__intro{color:#e2e2dc;font-size:13px}.scroll-cue{border:1px solid #ffffff73;border-radius:50%;place-items:center;width:52px;height:52px;transition:all .3s;display:grid}.scroll-cue:hover{background:var(--text);color:#090909;transform:translateY(4px)}.ticker{border-block:1px solid var(--line);background:var(--acid);color:#080808;overflow:hidden}.ticker__track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker__group{align-items:center;gap:42px;padding:17px 21px;display:flex}.ticker span{font:500 13px var(--mono);letter-spacing:.08em;white-space:nowrap}.ticker svg{width:14px}@keyframes ticker{to{transform:translate(-50%)}}.section-label{border-bottom:1px solid var(--line);font:11px var(--mono);color:#9a9a95;grid-template-columns:80px 1fr;align-items:center;padding-bottom:20px;display:grid}.section-label span{color:var(--acid)}.section-label p{margin:0}.about__headline,.strengths__heading{grid-template-columns:1.45fr .55fr;align-items:end;gap:60px;padding:90px 0 110px;display:grid}.about__headline h2,.strengths__heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(56px,6vw,112px);font-weight:300;line-height:1}.about__headline h2 span,.strengths__heading h2 span{color:#5b5b57}.about__headline>p,.strengths__heading>p{color:#999994;margin:0 0 8px;font-size:14px;line-height:1.9}.about__grid{grid-template-columns:minmax(380px,.9fr) 1.1fr;gap:clamp(60px,8vw,150px);display:grid}.portrait-wrap{margin:0}.portrait-wrap img{aspect-ratio:4/4.35;object-fit:cover;object-position:32% center;filter:saturate(.7)contrast(1.08);width:100%;display:block}.portrait-wrap figcaption{font:9px var(--mono);color:#6f6f6c;justify-content:space-between;padding-top:13px;display:flex}.about__content{padding-top:12px}.about__lead{letter-spacing:-.025em;max-width:740px;margin:0;font-size:clamp(23px,2.1vw,38px);line-height:1.55}.about__body{color:#92928d;max-width:610px;margin:42px 0 70px;font-size:14px;line-height:2}.experience-list{border-top:1px solid var(--line)}.experience-list>div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr 1fr;align-items:center;gap:24px;padding:23px 0;display:grid}.experience-list span,.experience-list p{font:10px var(--mono);color:#747470}.experience-list strong{font-size:14px;font-weight:400}.experience-list p{text-align:right;margin:0}.about__actions{gap:42px;margin-top:52px;display:flex}.about__contact-text{border-bottom:1px solid #6a6a67;padding-bottom:7px;font-size:12px}.about__contact-text span{font:9px var(--mono);color:var(--acid);margin-right:14px}.work{border-top:1px solid var(--line);background:#0d0913}.work__heading{justify-content:space-between;align-items:end;padding:82px 0 100px;display:flex}.work__heading h2{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(72px,9vw,150px);font-weight:300;line-height:.78}.work__heading h2 sup{font:12px var(--mono);color:var(--acid);vertical-align:top;letter-spacing:0;margin-left:12px}.work__heading p{color:#8b8b86;margin:0;font-size:13px;line-height:1.8}.projects{grid-template-columns:1fr 1fr;gap:110px 24px;display:grid}.project{cursor:pointer}.project__trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.project__trigger:focus-visible{outline:1px solid var(--acid);outline-offset:8px}.project__media{aspect-ratio:16/9;background:#1a1a1a;position:relative;overflow:hidden}.project__media img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:filter .7s;display:block}.project--light .project__media img{object-position:center 66%}.project:hover .project__media img{filter:saturate(1.12)brightness(1.03)}.project__arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#050505bf;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .35s;display:grid;position:absolute;top:20px;right:20px;transform:rotate(45deg)scale(.88)}.project:hover .project__arrow{opacity:1;transform:rotate(0)scale(1)}.project__info{justify-content:space-between;align-items:end;gap:24px;padding-top:21px;display:flex}.project__info h3{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(25px,2.1vw,38px);font-weight:400;line-height:.9}.project__info h3 span{display:block}.project__info p{color:#7f7f7b;margin:0;font-size:12px}.project__info>span{font:10px var(--mono);color:#6e6e6a}.strengths{padding-top:170px}.capability-grid{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.capability{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:510px;padding:26px;transition:background .35s,color .35s;display:flex}.capability:first-child{border-left:1px solid var(--line)}.capability:hover{background:var(--acid);color:#090909}.capability__top{font:10px var(--mono);color:#74746f;justify-content:space-between;display:flex}.capability__top svg{width:38px;height:38px}.capability:hover .capability__top{color:#090909}.capability__en{font:9px var(--mono);letter-spacing:.1em;color:var(--acid);margin:0 0 18px}.capability:hover .capability__en{color:#090909}.capability h3{letter-spacing:-.04em;margin:0 0 20px;font-size:29px;font-weight:400}.capability__desc{color:#848480;margin:0;font-size:12px;line-height:1.9}.capability:hover .capability__desc{color:#000000b3}.capability__tags{flex-wrap:wrap;gap:7px;display:flex}.capability__tags span{color:#777773;border:1px solid #30302f;border-radius:99px;padding:6px 10px;font-size:10px}.capability:hover .capability__tags span{color:#090909;border-color:#0006}.project-detail{z-index:1000;color:var(--text);background:#09070d;animation:.45s cubic-bezier(.16,1,.3,1) both project-detail-in;position:fixed;inset:0;overflow:hidden auto}@keyframes project-detail-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-detail__bar{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09070dd1;position:sticky;top:0}.project-detail__bar-inner{min-height:78px;font:10px var(--mono);letter-spacing:.05em;color:#918a98;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.project-detail__bar-inner>span:nth-child(2){color:var(--acid)}.project-detail__bar button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:99px;justify-self:end;align-items:center;gap:9px;padding:10px 16px;font-size:11px;transition:background .25s,color .25s,border-color .25s;display:flex}.project-detail__bar button:hover{background:var(--acid);color:#0b0710;border-color:var(--acid)}.project-detail__intro{padding-block:110px 90px}.project-detail__eyebrow{border-bottom:1px solid var(--line);font:10px var(--mono);color:#817a87;justify-content:space-between;padding-bottom:18px;display:flex}.project-detail__eyebrow span:first-child{color:var(--acid)}.project-detail__intro h2{letter-spacing:-.07em;max-width:1400px;margin:60px 0 90px;font-size:clamp(62px,7vw,126px);font-weight:300;line-height:1}.project-detail__summary{grid-template-columns:minmax(320px,1fr) minmax(300px,.55fr);align-items:end;gap:14vw;display:grid}.project-detail__summary>p{letter-spacing:-.025em;max-width:760px;margin:0;font-size:clamp(20px,1.75vw,30px);line-height:1.65}.project-detail__summary>div{border-top:1px solid var(--line);gap:15px;padding-top:22px;display:grid}.project-detail__summary span{font:9px var(--mono);color:#77717d}.project-detail__summary strong{font-size:13px;font-weight:400}.project-detail__gallery{gap:34px;padding-bottom:130px;display:grid}.project-detail__gallery figure{margin:0}.project-detail__gallery figure>span{font:9px var(--mono);color:#716a77;padding-bottom:10px;display:block}.project-detail__gallery img{background:#120e18;width:100%;height:auto;display:block}.project-detail__end{border-top:1px solid var(--line);font:9px var(--mono);color:#77717d;justify-content:space-between;align-items:center;padding-block:34px 42px;display:flex}.project-detail__end button{color:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #736c78;align-items:center;gap:12px;padding:0 0 7px;font-size:12px;display:flex}.contact{color:#100a17;background:linear-gradient(135deg,#c7a9ff 0%,#a66cff 48%,#8245ef 100%);min-height:100svh;position:relative;overflow:hidden}.contact__orb{aspect-ratio:1;opacity:.72;filter:blur(2px);background:radial-gradient(circle at 35% 35%,#f0e6ff 0%,#c49bff 35%,#7640c7 66%,#1b082d 100%);border-radius:50%;width:min(60vw,950px);position:absolute;top:-25%;right:-11vw;box-shadow:-70px 80px 150px #370f6e6b}.contact__noise{opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.contact__inner{z-index:1;flex-direction:column;min-height:100svh;padding-top:45px;display:flex;position:relative}.contact__top{font:9px/1.7 var(--mono);letter-spacing:.08em;justify-content:space-between;display:flex}.contact__top>span:first-child{align-items:center;gap:10px;display:flex}.contact__top i{background:#100a17;border-radius:50%;width:7px;height:7px}.contact__main{margin:auto 0;padding:65px 0}.contact__main>p{margin:0 0 28px;font-size:14px}.contact__main h2{letter-spacing:-.08em;margin:0;font-size:clamp(90px,11.5vw,205px);font-weight:400;line-height:.76}.contact__main h2 em{color:#0000;-webkit-text-stroke:2px #100a17;font-style:normal}.contact__bottom{padding-bottom:52px}.email-button{color:#100a17;cursor:pointer;letter-spacing:-.04em;text-align:left;background:0 0;border:0;border-bottom:2px solid #100a17;justify-content:space-between;align-items:center;width:100%;padding:0 0 16px;font-size:clamp(22px,2.5vw,40px);display:flex}.email-button svg{transition:transform .3s}.email-button:hover svg{transform:translate(8px)}.contact footer{font:9px var(--mono);border-top:1px solid #00000059;grid-template-columns:1fr 1fr 1fr;padding:20px 0 24px;display:grid}.contact footer span:nth-child(2){text-align:center}.contact footer a{text-align:right}@media (width<=1100px){.shell{width:min(100% - 48px,1700px)}.hero h1{font-size:clamp(70px,12vw,130px)}.hero h1.hero__title-cn{font-size:clamp(48px,5.6vw,66px)}.about__grid{gap:50px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability{border-bottom:1px solid var(--line)}.capability:nth-child(2){border-right:0}.project-detail__summary{gap:8vw}}@media (width<=900px){.nav{grid-template-columns:1fr auto;min-height:80px}.nav__links{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09070df5;flex-direction:column;gap:0;padding:18px 24px;display:none;position:absolute;top:80px;left:-24px;right:-24px}.nav__links.is-open{display:flex}.nav__links a{border-bottom:1px solid var(--line);padding:18px 4px}.nav__contact{display:none}.nav__menu{color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid}.hero__content{min-height:calc(100svh - 80px)}.about__headline,.strengths__heading{grid-template-columns:1fr;gap:34px}.about__grid{grid-template-columns:1fr;gap:70px}.portrait-wrap{max-width:640px}.about__content{padding-top:0}.work__heading{flex-direction:column;align-items:start;gap:48px}.projects{grid-template-columns:1fr;gap:82px}.project-detail__summary{grid-template-columns:1fr;gap:48px}.project-detail__intro h2{font-size:clamp(58px,10vw,84px)}}@media (width<=760px){.shell{width:calc(100% - 32px)}.section{padding-block:90px}.nav{grid-template-columns:1fr auto;min-height:72px}.nav__links{border-bottom:1px solid var(--line);background:#0a0a0af5;flex-direction:column;gap:0;padding:16px;display:none;position:absolute;top:72px;left:-16px;right:-16px}.nav__links.is-open{display:flex}.nav__links a{border-bottom:1px solid var(--line);padding:18px 4px}.nav__contact{display:none}.nav__menu{color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid}.hero__content{min-height:calc(100svh - 72px);padding-top:8vh}.hero__art{object-position:68% center;opacity:.85}.hero__veil{background:linear-gradient(90deg,#000c,#00000026),linear-gradient(#0000,#000000bf)}.hero h1{font-size:clamp(56px,18.5vw,92px);line-height:.84}.hero h1.hero__title-cn{font-size:clamp(21px,5.85vw,28px);line-height:1}.hero__line-indent{padding-left:0}.hero__bottom{grid-template-columns:1fr auto;gap:20px}.hero__intro{display:none}.section-label{grid-template-columns:50px 1fr}.about__headline,.strengths__heading{grid-template-columns:1fr;padding:60px 0 70px}.about__headline h2,.strengths__heading h2{font-size:52px}.about__grid{grid-template-columns:1fr}.about__lead{font-size:23px}.experience-list>div{grid-template-columns:95px 1fr}.experience-list p{display:none}.about__actions{flex-direction:column;align-items:flex-start;gap:22px}.work__heading{flex-direction:column;align-items:start;gap:50px}.work__heading h2{font-size:70px}.projects{grid-template-columns:1fr;gap:70px}.project__info{flex-direction:column;align-items:start}.project-detail__bar-inner{grid-template-columns:1fr auto;min-height:66px}.project-detail__bar-inner>span:nth-child(2){display:none}.project-detail__bar button{padding:9px 12px}.project-detail__intro{padding-block:70px 58px}.project-detail__intro h2{margin:42px 0 58px;font-size:clamp(46px,13vw,68px)}.project-detail__summary{grid-template-columns:1fr;gap:42px}.project-detail__summary>p{font-size:19px}.project-detail__gallery{gap:20px;padding-bottom:80px}.project-detail__end{align-items:flex-start;gap:24px}.capability-grid{grid-template-columns:1fr}.capability,.capability:first-child{border:0;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);min-height:420px}.contact__orb{width:110vw;top:-10%;right:-45vw}.contact__main h2{font-size:20vw;line-height:.82}.contact footer{grid-template-columns:1fr 1fr}.contact footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}