:root{--background:#fff;--foreground:#10100f;--muted:#10100fad;--line:#10100f24;--accent:#8f6200;--ui-gutter-x:clamp(14px, 2.6vw, 44px);--ui-gutter-y:clamp(18px, 2.8vw, 40px);--ui-edge-x:var(--ui-gutter-x);--text-title-x:44px;--text-title-y:46px;--text-eyebrow-size:14px;--text-name-size:56px;--text-nav-x:60px;--text-nav-y:40px;--text-nav-gap:8px;--text-nav-size:14px;--text-meta-x:44px;--text-meta-y:58px;--text-meta-width:720px;--text-meta-gap:28px;--text-meta-size:14px}*{box-sizing:border-box}html,body,#root{background:var(--background);width:100%;height:100%;color:var(--foreground);margin:0;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app{min-height:100svh;position:relative;overflow:hidden}.webgl-background{z-index:0;opacity:1;background:#fff;transition:opacity .35s;display:block;position:fixed;inset:0}.app:not(.app--home) .webgl-background{opacity:0}.page-shell{z-index:3;height:100svh;padding:var(--ui-gutter-y) var(--ui-edge-x);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.page-shell__header,.projects-gridzoom__header{color:#0b0b0a94;letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:24px;padding-right:clamp(120px,18vw,260px);font-size:max(13px,min(1vw,9.75px + .35vw));font-weight:500;line-height:.95;display:grid}.page-shell__header{grid-template-columns:auto auto minmax(0,1fr)}.about-page .page-shell__header{grid-template-columns:auto auto;justify-content:start;padding-right:0}.page-shell__header span:last-child,.projects-gridzoom__header span:last-child{justify-self:end}.site-nav{top:var(--text-nav-y);right:var(--text-nav-x);z-index:80;align-items:flex-end;gap:var(--text-nav-gap);flex-direction:column;display:flex;position:fixed}.site-nav button,.brand-home-link{appearance:none;color:#0b0b0a75;cursor:pointer;letter-spacing:.035em;text-align:right;text-transform:uppercase;min-width:74px;font-size:var(--text-nav-size);background:0 0;border:0;padding:2px 0;font-weight:400;line-height:1;text-decoration:none;transition:color .18s,transform .18s}.brand-home-link{color:#0b0b0a;text-align:left;min-width:0;font-size:max(13px,min(1vw,9.75px + .35vw));font-weight:500;line-height:.95}.site-nav button:hover,.site-nav button[aria-current=page]{color:#0b0b0a;transform:translate(-2px)}.back-circle-control{appearance:none;top:var(--ui-gutter-y);left:var(--ui-edge-x);z-index:90;color:#fff;cursor:pointer;background:#0b0b0a;border:0;border-radius:999px;place-items:center;width:clamp(38px,3.1vw,46px);height:clamp(38px,3.1vw,46px);padding:0;transition:background .18s,transform .26s cubic-bezier(.2,.8,.2,1);display:inline-grid;position:fixed}.back-circle-control svg{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2.4px;width:58%;height:58%}.back-circle-control:hover{background:#000;transform:scale(.94)}.home-page{align-items:start}.home-identity{top:var(--text-title-y);left:var(--text-title-x);z-index:4;pointer-events:none;position:fixed}.home-identity p{color:#8d8d8d;letter-spacing:0;text-transform:uppercase;font-size:var(--text-eyebrow-size);margin:0 0 9px;font-weight:800;line-height:1}.home-identity h1{color:#050505;font-size:var(--text-name-size);letter-spacing:.1em;margin:0;font-weight:600;line-height:.98}.home-profile{align-self:start;width:min(max(360px,24vw),100vw - clamp(28px,5.2vw,88px));margin-top:clamp(46px,8vh,82px)}.home-profile p,.page-shell__intro p,.projects-gridzoom__intro p{color:#0b0b0a7a;letter-spacing:.045em;text-transform:uppercase;margin:0 0 12px;font-size:max(12px,min(.8vw,7.8px + .28vw));line-height:1}.home-profile h1{letter-spacing:0;margin:0;font-size:max(24px,2.8vw);font-weight:500;line-height:.98}.home-profile dl,.home-meta,.about-page__meta,.projects-zoom__content dl{gap:clamp(12px,1.6vw,20px);margin:clamp(18px,3vh,28px) 0 0;display:grid}.home-profile dl,.projects-zoom__content dl{grid-template-columns:repeat(2,minmax(0,1fr))}.home-profile div,.home-meta div,.about-page__meta div,.projects-zoom__content dl>div{border-top:1px solid #0b0b0a29;padding-top:10px}dt,dd{letter-spacing:.018em;text-transform:uppercase;margin:0;font-size:clamp(12px,.72vw,14px);line-height:1.25}dt{color:#0b0b0a6b}dd{color:#0b0b0a;margin-top:7px}.home-meta{left:var(--text-meta-x);bottom:var(--text-meta-y);z-index:4;width:var(--text-meta-width);gap:var(--text-meta-gap);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;position:fixed}.home-meta dt,.home-meta dd{font-size:var(--text-meta-size)}.signal-model{z-index:2;--model-screen-offset-x:0vw;--model-screen-offset-y:0vh;pointer-events:none;perspective:1100px;width:100vw;height:100svh;position:fixed;inset:0;transform:none;opacity:1!important;animation:none!important}.signal-model__viewer{pointer-events:auto;--poster-color:transparent;--progress-bar-color:transparent;--progress-bar-height:0;background:0 0;width:177.778svh;height:100svh;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.signal-model__viewer:before{content:"Loading local 3D model...";color:#9a9a9a;pointer-events:none;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.signal-model__viewer.is-ready:before{content:""}.model-load-error{color:#999;place-items:center;margin:0;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.signal-model__viewer canvas{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0;transform:none}.model-hotspot{appearance:none;z-index:8;color:#0000;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;width:74px;height:36px;padding:0;position:absolute}.model-hotspot--about{top:18%;left:42%}.model-hotspot--projects{clip-path:polygon(8% 0,92% 0,92% 88%,50% 100%,8% 88%);pointer-events:none;border-radius:10px;width:120px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%)}.model-hotspot--contact{bottom:24%;right:18%}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.project-cursor-badge,.contact-cursor-badge,.about-cursor-badge{z-index:120;color:#fff;text-transform:uppercase;letter-spacing:0;opacity:0;pointer-events:none;min-width:104px;height:27px;transform:translate(calc(var(--cursor-x,0px) + 12px), calc(var(--cursor-y,0px) - 50%)) scale(.92);background:#030303;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 11px 0 14px;font-family:Arial,Microsoft YaHei,sans-serif;font-size:10.5px;font-weight:800;line-height:1;transition:opacity .16s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:0 8px 18px #0000003d}.project-cursor-badge svg,.contact-cursor-badge svg,.about-cursor-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:24px;height:14px}.project-cursor-badge span,.contact-cursor-badge span,.about-cursor-badge span{text-align:center;white-space:nowrap;min-width:42px;display:inline-block}.project-cursor-badge.is-visible,.contact-cursor-badge.is-visible,.about-cursor-badge.is-visible{opacity:1;transform:translate(calc(var(--cursor-x,0px) + 12px), calc(var(--cursor-y,0px) - 50%)) scale(1)}.model-tuner{z-index:90;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #0000001f;width:min(330px,100vw - 48px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;bottom:22px;left:24px;box-shadow:0 18px 50px #00000024}.model-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.model-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.model-tuner__row{grid-template-columns:54px 1fr 46px;align-items:center;gap:9px;min-height:28px;display:grid}.model-tuner__row span{color:#555}.model-tuner__row input{accent-color:#111;width:100%}.model-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.render-tuner{z-index:32;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001f;width:min(330px,100vw - 48px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;bottom:22px;left:374px;box-shadow:0 18px 50px #00000024}.render-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.render-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.render-tuner__row{grid-template-columns:58px 1fr 50px;align-items:center;gap:9px;min-height:28px;display:grid}.render-tuner__row span{color:#555}.render-tuner__row input{accent-color:#111;width:100%}.render-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.blue-text-tuner{z-index:92;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001f;width:min(330px,100vw - 48px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;bottom:22px;right:24px;box-shadow:0 18px 50px #00000024}.blue-text-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.blue-text-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.blue-text-tuner__row{grid-template-columns:54px 1fr 46px;align-items:center;gap:9px;min-height:28px;display:grid}.blue-text-tuner__row span{color:#555}.blue-text-tuner__row input{accent-color:#111;width:100%}.blue-text-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.contact-text-tuner{z-index:93;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001f;width:min(330px,100vw - 48px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;bottom:22px;right:24px;box-shadow:0 18px 50px #00000024}.contact-text-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.contact-text-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.contact-text-tuner__row{grid-template-columns:54px 1fr 46px;align-items:center;gap:9px;min-height:28px;display:grid}.contact-text-tuner__row span{color:#555}.contact-text-tuner__row input{accent-color:#111;width:100%}.contact-text-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.about-pattern-tuner{z-index:94;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001f;width:min(330px,100vw - 48px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;bottom:22px;right:24px;box-shadow:0 18px 50px #00000024}.about-pattern-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.about-pattern-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.about-pattern-tuner__row{grid-template-columns:54px 1fr 46px;align-items:center;gap:9px;min-height:28px;display:grid}.about-pattern-tuner__row span{color:#555}.about-pattern-tuner__row input{accent-color:#111;width:100%}.about-pattern-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.text-tuner{z-index:31;color:#141414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0000001f;width:min(360px,100vw - 48px);max-height:min(470px,100svh - 286px);padding:14px 14px 12px;font-size:12px;display:none;position:fixed;top:262px;bottom:auto;left:24px;overflow:auto;box-shadow:0 18px 50px #00000024}.text-tuner__head{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.text-tuner button{appearance:none;color:#111;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000038;padding:0 10px}.text-tuner__row{grid-template-columns:72px 1fr 50px;align-items:center;gap:9px;min-height:28px;display:grid}.text-tuner__row span{color:#555}.text-tuner__row input{accent-color:#111;width:100%}.text-tuner__row output{text-align:right;font-variant-numeric:tabular-nums}.model-hotspot:hover{background:#ffffff1f;outline:1px solid #00000014}.signal-model__scene{transform-style:preserve-3d;animation:5.4s ease-in-out infinite modelFloat;position:absolute;inset:0;transform:rotateX(14deg)rotateY(-8deg)rotate(-1.8deg)}.signal-model__scene:before{content:"";filter:blur(8px);background:radial-gradient(#0b0b0a29,#0000 72%);width:34%;height:5%;position:absolute;bottom:5%;left:46%;transform:rotate(-8deg)}.signal-pole{background:linear-gradient(90deg,#0000002e,#0000 14%,#fffffff5 38%,#d8d2cc 56%,#46403c29 84%,#ffffff9e),#ede8e1;border-radius:999px;width:clamp(82px,8vw,118px);height:118%;position:absolute;top:-8%;left:45.5%;box-shadow:inset -18px 0 26px #3d37342e,inset 16px 0 32px #fffc,12px 24px 30px #0000001f}.signal-pole__shine{opacity:.7;background:linear-gradient(#0000,#ffffff9e,#0000);border-radius:999px;position:absolute;inset:0 42% 0 30%}.model-sign{appearance:none;pointer-events:auto;cursor:pointer;text-transform:uppercase;transform-style:preserve-3d;border:0;border-radius:12px;line-height:1;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s;position:absolute}.model-sign:before{content:"";z-index:-2;background:linear-gradient(135deg,#f6f3e8,#1f1d1c 22%,#0c0b0b 72%,#efece4);border-radius:15px;position:absolute;inset:-7px;transform:translateZ(-16px);box-shadow:9px 13px 14px #0003}.model-sign:after{content:"";pointer-events:none;border:1px solid #ffffff6b;border-radius:8px;position:absolute;inset:3px}.model-sign:hover{filter:saturate(1.08)contrast(1.04)}.model-sign--yellow{color:#211d28;letter-spacing:.02em;background:#fff829;width:min(42vw,420px);height:clamp(62px,7vw,94px);font-size:clamp(24px,2.5vw,42px);font-weight:900;top:6%;left:27%;transform:rotate(-54deg)rotateY(-10deg)translateZ(70px)}.model-sign--yellow:hover{transform:rotate(-54deg)rotateY(-10deg)translateZ(92px)scale(1.025)}.model-sign--blue{color:#111;letter-spacing:.02em;background:linear-gradient(90deg,#e5e7ee,#f8f8fb 45%,#c8cbd2);width:min(34vw,460px);height:clamp(58px,5.2vw,74px);font-size:clamp(16px,1.85vw,28px);font-weight:500;top:89%;left:16%;overflow:hidden;transform:rotate(16deg)rotateY(-12deg)translateZ(58px)}.model-sign--blue:hover{transform:rotate(16deg)rotateY(-12deg)translateZ(80px)scale(1.025)}.model-sign--white{color:#fff;letter-spacing:.08em;background:linear-gradient(110deg,#171717,#5b5b5b 48%,#222);width:min(18vw,210px);height:clamp(150px,16vw,230px);font-size:clamp(16px,1.7vw,24px);font-weight:800;top:70%;left:63%;transform:rotate(10deg)rotateY(-36deg)translateZ(36px)}.model-sign--white:hover{transform:rotate(10deg)rotateY(-36deg)translateZ(58px)scale(1.04)}.model-sign__text{white-space:nowrap;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.model-sign__bolt{z-index:2;background:#211d28;border-radius:999px;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.model-sign__bolt--left{left:24px}.model-sign__bolt--right{right:24px}.traffic-light{appearance:none;pointer-events:auto;cursor:pointer;background:linear-gradient(90deg,#ffffffad,#0000 18%),#fff214;border:0;border-radius:20px;width:clamp(122px,10.5vw,158px);height:clamp(330px,31vw,440px);transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:20%;right:18%;transform:rotateY(-21deg)rotate(4deg)translateZ(86px);box-shadow:inset -16px -12px 20px #9e8f0038,16px 18px 20px #0000002e}.traffic-light:hover{transform:rotateY(-21deg)rotate(4deg)translateZ(108px)scale(1.025)}.traffic-light:before,.traffic-light:after{content:"";opacity:.7;background:#2b2624;border-radius:999px;width:78%;height:8px;position:absolute;left:50%;transform:translate(-50%)}.traffic-light:before{top:33.3%}.traffic-light:after{top:66.6%}.traffic-light__lamp{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#111,#080606 58%,#35221e 60%,#1d1716 72%);border-radius:999px;width:74%;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset -12px -10px 22px #ffffff14,inset 14px 8px 20px #0000008c,8px 8px 12px #0003}.traffic-light__lamp--red{animation:3.6s step-end infinite lampRed;top:5%}.traffic-light__lamp--yellow{animation:3.6s step-end infinite lampYellow;top:36%}.traffic-light__lamp--blue{animation:3.6s step-end infinite lampBlue;top:67%}.convex-mirror{aspect-ratio:1;width:min(31vw,440px);transform-style:preserve-3d;position:absolute;top:42%;left:11%;transform:rotate(-14deg)rotateY(12deg)translateZ(120px)}.convex-mirror__rim{background:linear-gradient(135deg,#f5f6f7,#222 18%,#f2f5ff 24%,#282828 34%,#eff2fb 48%,#151515 72%,#f9f9ff);border-radius:999px;padding:18px;position:absolute;inset:0;box-shadow:14px 18px 24px #0003,inset 0 0 0 7px #ffffff6b}.convex-mirror__glass{background:#27272b;border-radius:999px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000a6,inset 0 0 0 2px #ffffffa3}.convex-mirror__video,.convex-mirror__fallback{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.convex-mirror__fallback{background:radial-gradient(circle at 80% 42%,#ff8130f2,#0000 22%),radial-gradient(circle at 24% 48%,#ffddbcd1,#0000 28%),conic-gradient(from 25deg,#25272d,#4b4d54,#f0cab6,#ff7f43,#22242a,#15171b,#25272d);animation:4s linear infinite mirrorVideo}.convex-mirror__highlight{opacity:.88;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(112deg,#0000 0 28%,#ffffffe6 29%,#0000 31% 54%,#ffffffd1 55%,#0000 58%),radial-gradient(circle at 85% 88%,#fff 0 2%,#0000 4%);border-radius:999px;position:absolute;inset:7%}.model-cable,.model-bracket{pointer-events:none;display:block;position:absolute}.model-cable{opacity:.86;border-top:8px solid #231f1f;border-bottom:0;border-left:0;border-right:8px solid #231f1f;border-radius:0 80px 0 0;width:36%;height:18%}.model-cable--one{top:24%;left:38%;transform:rotate(-4deg)translateZ(20px)}.model-cable--two{top:72%;left:52%;transform:rotate(8deg)translateZ(18px)}.model-bracket{background:linear-gradient(90deg,#151414,#f3f2ee 24%,#23201f 40%,#f2f2ef 70%,#131211);border-radius:999px;width:28%;height:16px;left:43%;box-shadow:0 5px 8px #0000002e}.model-bracket--top{top:28%}.model-bracket--mid{top:56%}.model-bracket--low{top:69%}@keyframes modelFloat{0%,to{transform:rotateX(14deg)rotateY(-8deg)rotate(-1.8deg)translateY(0)}50%{transform:rotateX(16deg)rotateY(-6deg)rotate(-1deg)translateY(-10px)}}@keyframes lampRed{0%,32%{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#ff342b,#6b0908 58%,#321312 76%);box-shadow:0 0 26px #ff2c22a6,inset 8px 8px 18px #ffffff3d}33%,to{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#111,#080606 58%,#35221e 60%,#1d1716 72%)}}@keyframes lampYellow{0%,32%,66%,to{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#111,#080606 58%,#35221e 60%,#1d1716 72%)}33%,65%{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#fff621,#b49f00 58%,#4c3900 76%);box-shadow:0 0 26px #fff621b3,inset 8px 8px 18px #ffffff47}}@keyframes lampBlue{0%,65%{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#111,#080606 58%,#35221e 60%,#1d1716 72%)}66%,to{background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 8%),radial-gradient(circle at 48% 48%,#2850ff,#071a8d 58%,#090d32 76%);box-shadow:0 0 26px #2850ffad,inset 8px 8px 18px #ffffff3d}}@keyframes mirrorVideo{0%{filter:hue-rotate();transform:rotate(0)scale(1.04)}to{filter:hue-rotate(360deg);transform:rotate(360deg)scale(1.04)}}.reveal{animation:.8s cubic-bezier(.2,.8,.2,1) both reveal}.reveal--delay{animation-delay:.14s}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.projects-page{z-index:3;color:#0b0b0a;background:#fff;height:100svh;position:relative;overflow:hidden}.projects-page--enter{animation:.58s cubic-bezier(.2,.86,.18,1) both projectsPageRise}@keyframes projectsPageRise{0%{opacity:.01;transform:translateY(12svh)}to{opacity:1;transform:translateY(0)}}.projects-gridzoom{--projects-grid-padding-x:var(--ui-edge-x);height:100svh;padding:var(--ui-gutter-y) var(--projects-grid-padding-x);display:block;position:relative;overflow:hidden}.projects-gridzoom__header{top:var(--ui-gutter-y);left:var(--projects-grid-padding-x);z-index:86;padding:0;display:block;position:fixed}.projects-gridzoom__header .back-circle-control{position:static}.projects-gridzoom__intro{z-index:1;left:var(--projects-grid-padding-x);width:min(430px,100vw - 72px);margin:0;position:absolute;top:clamp(132px,15.2vh,168px)}.projects-gridzoom__intro h1,.page-shell__intro h1{color:#0b0b0a;letter-spacing:0;margin:0;font-size:clamp(34px,2.05vw,42px);font-weight:500;line-height:1.05}.projects-gridzoom__intro h1 span{display:block}.projects-gl-gallery{z-index:0;width:100vw;height:clamp(270px,30vh,340px);min-height:0;margin-left:calc(var(--projects-grid-padding-x) * -1);position:relative;top:clamp(455px,51.5vh,545px);overflow:visible}.projects-marquee{position:absolute;inset:0 calc(-1*clamp(18px,4vw,72px));overflow:visible}.projects-marquee__track{will-change:transform;align-items:center;width:max-content;animation:38s linear infinite projectsGalleryLoop;display:flex;position:absolute;top:0;left:0}.projects-marquee__track.is-wheel-controlled{transition:transform .18s cubic-bezier(.2,.8,.2,1);animation:none}.projects-marquee:hover .projects-marquee__track{animation-play-state:paused}.projects-marquee__set{--gallery-gap:clamp(22px, 1.75vw, 36px);align-items:center;gap:var(--gallery-gap);padding-right:var(--gallery-gap);display:flex}.projects-marquee__item{appearance:none;width:clamp(260px,18vw,360px);height:clamp(205px,14.2vw,284px);color:inherit;cursor:pointer;opacity:1;contain:layout paint;background:0 0;border:0;flex:none;padding:0;transition:opacity .26s,transform .42s cubic-bezier(.2,.8,.2,1);position:relative}.projects-marquee__item:nth-child(8n+2),.projects-marquee__item:nth-child(8n+4),.projects-marquee__item:nth-child(8n+6),.projects-marquee__item:nth-child(8n+8){width:clamp(210px,14vw,280px);height:clamp(260px,19vw,365px)}.projects-marquee__item:nth-child(8n+5){width:clamp(390px,26.5vw,520px);height:clamp(205px,14vw,280px)}.projects-marquee__item.projects-marquee__item--signal-pole,.projects-marquee__item.projects-marquee__item--soft-machine,.projects-marquee__item.projects-marquee__item--glass-rig{aspect-ratio:1672/941;width:clamp(390px,26.5vw,520px);height:auto}.projects-marquee__item.projects-marquee__item--orbital-type,.projects-marquee__item.projects-marquee__item--liquid-index,.projects-marquee__item.projects-marquee__item--after-image,.projects-marquee__item.projects-marquee__item--project-08{aspect-ratio:1;width:clamp(270px,18vw,350px);height:auto}.projects-marquee__item.projects-marquee__item--project-07{aspect-ratio:1672/941;width:clamp(390px,26.5vw,520px);height:auto}.projects-marquee__item:hover{opacity:1;transform:translateY(-8px)}.projects-marquee__figure{background:#e9e6df;width:100%;height:100%;margin:0;overflow:hidden}.projects-marquee__figure img,.projects-zoom__image img,.projects-zoom__map img{width:100%;height:100%;display:block}.projects-marquee__figure img,.projects-zoom__map img{object-fit:cover}.projects-zoom__image img{object-fit:contain}.projects-marquee__figure img{transition:transform .52s cubic-bezier(.2,.8,.2,1);transform:none}.projects-marquee__item--signal-pole .projects-marquee__figure img,.projects-marquee__item--orbital-type .projects-marquee__figure img,.projects-marquee__item--soft-machine .projects-marquee__figure img,.projects-marquee__item--liquid-index .projects-marquee__figure img,.projects-marquee__item--glass-rig .projects-marquee__figure img,.projects-marquee__item--after-image .projects-marquee__figure img,.projects-marquee__item--project-07 .projects-marquee__figure img,.projects-marquee__item--project-08 .projects-marquee__figure img{object-fit:contain}.projects-marquee__item:hover img{transform:scale(1.035)}.projects-gl-caption{opacity:0;pointer-events:none;text-align:left;min-height:44px;margin-top:10px;transition:opacity .18s,transform .36s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(8px)}.projects-gl-caption span{color:#0b0b0a85;letter-spacing:.045em;text-transform:uppercase;margin-bottom:7px;font-size:max(11px,min(.733vw,7.15px + .25655vw));line-height:1;display:block}.projects-gl-caption strong{color:#0b0b0a;font-size:max(14px,min(.933vw,9.1px + .32655vw));font-weight:500;line-height:1;display:block}.projects-marquee__item:hover .projects-gl-caption{opacity:1;transform:translateY(0)}@keyframes projectsGalleryLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-page,.contact-page{color:#0b0b0a;background:#fff;grid-template-rows:1fr;place-items:center;display:grid}.app--about .site-nav,.app--contact .site-nav{gap:11px;top:32px;right:28px}.app--about .site-nav button,.app--contact .site-nav button{color:#0b0b0a7a;min-width:68px;font-size:13px;font-weight:600}.app--about .site-nav button[aria-current=page],.app--contact .site-nav button[aria-current=page]{color:#0b0b0a}.app--about .back-circle-control,.app--contact .back-circle-control{width:38px;height:38px;top:32px;left:34px}.about-page .page-shell__header{z-index:88;position:fixed;top:43px;left:84px}.about-language-toggle,.projects-language-toggle{align-items:center;gap:7px;margin-left:0;display:inline-flex}.about-language-toggle button,.projects-language-toggle button{appearance:none;color:#0b0b0a6b;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:13px;font-weight:800;transition:color .18s,transform .18s}.about-language-toggle button:hover,.projects-language-toggle button:hover,.about-language-toggle button[aria-pressed=true],.projects-language-toggle button[aria-pressed=true]{color:#0b0b0a}.about-language-toggle button:hover,.projects-language-toggle button:hover{transform:translateY(-1px)}.about-page__content{width:min(var(--about-width,700px), calc(100vw - 72px));max-height:calc(100svh - (var(--ui-gutter-y) * 2));scrollbar-width:none;margin:0;position:relative;overflow:auto}.about-page__content::-webkit-scrollbar{display:none}.about-page__content.reveal{animation:.8s cubic-bezier(.2,.8,.2,1) both aboutReveal}@keyframes aboutReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.about-page__content .page-shell__intro{text-align:center;width:100%;margin:0 auto}.about-page__content .page-shell__intro p{color:#0b0b0a73;margin-bottom:19px;font-size:12px;font-weight:700;line-height:1}.about-page__content .page-shell__intro h1{max-width:var(--about-width,700px);font-size:clamp(36px, 3.75vw, var(--about-title-size,76px));outline:0;margin:0 auto;font-weight:700;line-height:.94}.about-page__body{width:100%;margin:var(--about-body-gap,43px) auto 0;border-top:1px solid #0b0b0a24;padding-top:22px}.about-page__resume{color:#0b0b0a8f;text-align:center;font-size:var(--about-body-size,16px);font-weight:600;line-height:var(--about-line-height,1.56);margin:0}.about-page__resume-section{max-width:650px;margin:0 auto}.about-page__resume-section+.about-page__resume-section{margin-top:28px}.about-page__resume h2{color:#0b0b0a82;font-size:var(--about-body-size,16px);margin:0 0 8px;font-weight:700;line-height:1.2}.about-page__resume p{text-wrap:balance;margin:0}.about-page__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.about-page__meta div{padding-top:10px}.about-page__meta dt,.about-page__meta dd{font-size:11px;font-weight:700;line-height:1.15}.about-page__meta dt{color:#0b0b0a5c}.about-page__meta dd{margin-top:8px}.about-page__contact-links{justify-items:start;gap:8px;display:grid}.about-page__meta a,.about-page__portrait-trigger,.contact-page__wechat-trigger,.contact-page__links a{color:inherit;align-items:center;gap:.46em;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.about-page__portrait-trigger{appearance:none;cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;border:0;padding:0}.contact-page__wechat-trigger{appearance:none;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.about-page__meta a:hover,.about-page__portrait-trigger:hover,.contact-page__wechat-trigger:hover,.contact-page__links a:hover{opacity:.72;transform:translateY(-1px)}.inline-link-arrow{color:#0b0b0a;fill:currentColor;flex:none;width:15px;height:15px}.portrait-lightbox{z-index:180;place-items:center;padding:clamp(18px,4vw,64px);display:grid;position:fixed;inset:0}.portrait-lightbox__backdrop{appearance:none;cursor:zoom-out;background:#000000b8;border:0;padding:0;position:absolute;inset:0}.portrait-lightbox__figure{z-index:1;place-items:center;width:min(920px,88vw);max-height:min(820px,86svh);margin:0;display:grid;position:relative}.portrait-lightbox__figure img{object-fit:contain;max-width:100%;max-height:min(820px,86svh);display:block;box-shadow:0 28px 90px #0000005c}.portrait-lightbox__close{appearance:none;color:#0b0b0a;cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 12px 28px #0000003d}.portrait-lightbox__close svg{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2.3px;width:54%;height:54%}.video-lightbox{z-index:185;place-items:center;padding:clamp(18px,4vw,64px);display:grid;position:fixed;inset:0}.video-lightbox__backdrop{appearance:none;cursor:zoom-out;background:#000000f0;border:0;padding:0;position:absolute;inset:0}.video-lightbox__panel{z-index:1;aspect-ratio:16/9;background:#090909;place-items:center;width:min(1120px,88vw);display:grid;position:relative;box-shadow:0 28px 90px #0000005c}.video-lightbox__panel video{object-fit:contain;width:100%;height:100%;display:block}.video-lightbox__empty{color:#fff;letter-spacing:.08em;border:1px solid #ffffff38;place-items:center;min-width:min(320px,70vw);min-height:92px;font-size:12px;font-weight:700;display:grid}.video-lightbox__close{appearance:none;color:#0b0b0a;cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 12px 28px #0000003d}.video-lightbox__close svg{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2.3px;width:54%;height:54%}.contact-page__content{width:min(592px,100vw - 72px);margin:0;position:relative}.contact-page__content.reveal{animation:.8s cubic-bezier(.2,.8,.2,1) both contactReveal}@keyframes contactReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.contact-page__content .page-shell__intro{text-align:center;width:100%;margin:0 auto}.contact-page__content .page-shell__intro p{color:#0b0b0a73;margin:0 0 22px;font-size:12px;font-weight:700;line-height:1}.contact-page__content .page-shell__intro h1{margin:0;font-size:clamp(52px,3.55vw,70px);font-weight:700;line-height:.96}.contact-page__body{border-top:1px solid #0b0b0a24;width:100%;margin:42px auto 0;padding-top:20px}.contact-page__links{justify-items:center;gap:8px;display:grid}.contact-page__links a,.contact-page__wechat-trigger{overflow-wrap:anywhere;text-align:center;justify-content:center;width:fit-content;max-width:calc(100% - clamp(28px,3vw,38px));min-height:28px;font-size:clamp(20px,1.55vw,25px);font-weight:700;line-height:1;position:relative}.contact-page__links .inline-link-arrow{width:18px;height:18px}.projects-zoom{z-index:70;padding:var(--ui-gutter-y) var(--ui-edge-x);color:#0b0b0a;background:#fff;grid-template-columns:minmax(280px,max(420px,273px + 11.4333vw)) minmax(0,980px);justify-content:center;align-items:center;gap:clamp(18px,4vw,72px);display:grid;position:fixed;inset:0;overflow:hidden}.projects-zoom__header{top:var(--ui-gutter-y);left:var(--ui-edge-x);z-index:2;position:absolute}.projects-zoom__header .back-circle-control{position:static}.projects-zoom__image{aspect-ratio:16/10;background:#e9e6df;grid-area:1/2;justify-self:end;width:min(100%,62vw,980px,160svh - 153.6px);max-height:calc(100svh - 96px);margin:0;overflow:hidden}.projects-zoom__image--opening{transform-origin:50%;will-change:transform, opacity, filter;animation:.62s cubic-bezier(.18,.84,.18,1) both projectImageOpen}@keyframes projectImageOpen{0%{opacity:.92;filter:saturate(.92)brightness(1.05);transform:translate3d(var(--project-open-x,0), var(--project-open-y,0), 0) scale(var(--project-open-scale-x,.45), var(--project-open-scale-y,.45))}to{opacity:1;filter:none;transform:translate(0,0)scale(1)}}.projects-zoom__image--gallery{aspect-ratio:auto;height:min(78svh,780px)}.projects-zoom__image--poster-flow .projects-detail-gallery{grid-template-columns:1fr;gap:6px}.projects-zoom__image--poster-flow .projects-detail-gallery__image--wide{aspect-ratio:1672/941;grid-column:auto}.projects-detail-gallery{overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;width:100%;height:100%;display:grid;overflow:hidden auto}.projects-detail-gallery::-webkit-scrollbar{display:none}.projects-detail-gallery .projects-detail-gallery__image{object-fit:cover;content-visibility:auto;contain-intrinsic-size:520px 520px;width:100%;height:auto;display:block}.projects-detail-gallery__image--square{aspect-ratio:1;height:auto}.projects-detail-gallery__image--wide{aspect-ratio:1672/941;contain-intrinsic-size:780px 440px;grid-column:1/-1;height:auto}.projects-zoom__content{grid-area:1/1;align-self:center;max-width:max(420px,273px + 11.4333vw)}.projects-zoom__content>span{color:#0b0b0a75;letter-spacing:.045em;text-transform:uppercase;margin-bottom:18px;font-size:max(12px,min(.8vw,7.8px + .28vw));line-height:1;display:block}.projects-zoom__content h2{letter-spacing:0;max-width:max(420px,273px + 9.1875vw);margin:0;font-size:max(36px,min(5.5vw,54.6px + 1.925vw));font-weight:500;line-height:.88}.projects-zoom__content p{color:#0b0b0aad;margin:clamp(18px,3vw,34px) 0 0;font-size:17px;line-height:1.55}.projects-zoom__actions{align-items:center;gap:10px;margin-top:clamp(18px,3vw,32px);display:flex}.projects-zoom__link{appearance:none;color:#0b0b0a;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:0 0;border:1px solid #0b0b0a3d;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:max(12px,min(.8vw,7.8px + .28vw));font-weight:500;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.projects-zoom__link:hover{color:#fff;background:#0b0b0a;border-color:#0b0b0a;transform:translateY(-1px)}.projects-zoom__link--video{gap:8px}.projects-zoom__play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;display:block}.projects-zoom__map{right:var(--ui-edge-x);bottom:var(--ui-gutter-y);grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute}.projects-zoom__map li{opacity:.28;width:38px;height:28px;transition:opacity .18s,transform .18s;overflow:hidden}.projects-zoom__map li.is-active{opacity:1}.projects-zoom__map button{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0}@media (width<=960px){.projects-zoom{grid-template-rows:minmax(0,54svh) auto;grid-template-columns:1fr;align-items:end;gap:18px}.projects-zoom__image,.projects-zoom__content{grid-area:auto/1}.projects-zoom__image{justify-self:center;width:min(100%,86.4svh);max-height:54svh;margin-top:44px}.projects-zoom__image--gallery{height:54svh}}@media (width<=620px){.app{overflow:hidden auto}.page-shell,.about-page,.contact-page{height:auto;min-height:100svh;overflow:visible}.site-nav{gap:5px;top:34px;right:24px}.site-nav button{min-width:66px;padding:1px 0;font-size:13px;line-height:1}.signal-model{transform-origin:0 100%;width:760px;height:860px;bottom:-64px;left:-118px;right:auto;transform:scale(.62)}.model-tuner{width:auto;max-height:42svh;padding:12px;bottom:12px;left:12px;right:12px;overflow:auto}.home-profile{width:min(300px,82vw);margin-top:clamp(42px,8vh,68px)}.home-profile h1{font-size:max(23px,min(7.4vw,31px))}.page-shell__header,.projects-gridzoom__header{padding-right:0}.page-shell__header span:last-child,.projects-gridzoom__header span:last-child{display:none}.projects-gridzoom{--projects-grid-padding-x:18px;padding:18px}.home-meta,.about-page__meta{grid-template-columns:1fr;gap:10px}.home-meta{width:min(280px,100%)}.home-meta div{border-top:0;padding-top:0}.contact-page__content{width:min(100%,100vw - 36px);margin-top:0}.about-page__content{width:min(100%,100vw - 36px);max-height:calc(100svh - 156px)}.about-page__content .page-shell__intro{text-align:center}.about-page__content .page-shell__intro h1{font-size:clamp(38px,12vw,56px);line-height:.96}.about-page__body{margin-top:30px;padding-top:18px}.about-page__resume{text-align:center;font-size:14px;line-height:1.48}.about-page__resume-section{max-width:none}.about-page__resume-section+.about-page__resume-section{margin-top:24px}.about-page__resume h2{margin-bottom:8px;font-size:14px}.about-page__resume p{text-wrap:wrap}.about-page__meta{margin-top:28px}.about-page__meta div{border-top:1px solid #0b0b0a24;padding-top:10px}.contact-page__content .page-shell__intro{text-align:center}.contact-page__content .page-shell__intro h1{font-size:clamp(38px,11vw,48px)}.contact-page__body{margin-top:30px;padding-top:18px}.contact-page__links a,.contact-page__wechat-trigger{font-size:clamp(18px,5.3vw,24px)}.projects-gridzoom__intro{width:min(max(360px,234px + 29.6471vw),100%);top:156px}.projects-gridzoom__intro h1{font-size:max(25px,min(7.6vw,21.45px + 2.66vw))}.projects-gl-gallery{height:280px;top:45vh}.projects-marquee__item{width:230px;height:180px}.projects-marquee__item:nth-child(8n+2),.projects-marquee__item:nth-child(8n+4),.projects-marquee__item:nth-child(8n+6),.projects-marquee__item:nth-child(8n+8){width:180px;height:240px}.projects-marquee__item:nth-child(8n+5){width:310px;height:172px}.projects-marquee__item.projects-marquee__item--signal-pole,.projects-marquee__item.projects-marquee__item--soft-machine,.projects-marquee__item.projects-marquee__item--glass-rig{aspect-ratio:1672/941;width:310px;height:auto}.projects-marquee__item.projects-marquee__item--orbital-type,.projects-marquee__item.projects-marquee__item--liquid-index,.projects-marquee__item.projects-marquee__item--after-image,.projects-marquee__item.projects-marquee__item--project-08{aspect-ratio:1;width:240px;height:auto}.projects-marquee__item.projects-marquee__item--project-07{aspect-ratio:1672/941;width:310px;height:auto}.projects-zoom{padding:18px;display:block;overflow:hidden auto}.projects-zoom__header{top:18px;left:18px}.projects-zoom__image{aspect-ratio:4/3;width:100%;max-height:none;margin:64px 0 0}.projects-zoom__image--gallery{aspect-ratio:auto;height:58svh;max-height:58svh}.projects-zoom__content{max-width:none;margin:18px 0 0;padding-bottom:28px}.projects-zoom__actions{flex-wrap:wrap}.projects-zoom__content dl{grid-template-columns:1fr}.projects-zoom__map{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.reveal,.projects-page--enter,.projects-zoom__image--opening{animation-duration:.001ms!important;animation-iteration-count:1!important}.projects-marquee__track{animation-play-state:paused}.projects-marquee__item,.projects-marquee__figure img,.site-nav button,.back-circle-control{transition-duration:.001ms!important}}