@font-face{font-family:LZF QiHei Display;src:url(./HYQiHei-85S-Z4J1407W.otf) format("opentype");font-display:swap}@font-face{font-family:LZF Source Han;src:url(./SourceHanSansCN-Light-D8WZwVKB.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:LZF Noto Hans;src:url(./NotoSansHans-Medium-vLvSu6V_.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:LZF Helvetica Extended;src:url(./HelveticaNeueLTStd-BdEx-TI2O7Eap.otf) format("opentype");font-display:swap}@font-face{font-family:LZF Reno Mono;src:url(./RenoMono-oBZbhx1I.otf) format("opentype");font-display:swap}:root{color:#f3f7fb;background:#050608;font-family:var(--font-body);font-synthesis:none;text-rendering:geometricPrecision;--font-display-cn: "LZF QiHei Display", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "LZF Source Han", "LZF Noto Hans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: "LZF Noto Hans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-latin-wide: "LZF Helvetica Extended", "Arial Black", "Arial Narrow", sans-serif;--font-mono: "LZF Reno Mono", "SFMono-Regular", "Roboto Mono", monospace;--bg: #050608;--panel: rgba(15, 20, 25, .76);--line: rgba(214, 228, 238, .16);--muted: #9ba9b4;--text: #f3f7fb;--soft: #cbd6df;--cyan: #80f4ff;--green: #b8ffcf;--steel: #7f93a3;--max: 1700px;--radius-xl: 34px;--radius-lg: 28px;--radius-md: 22px;--radius-sm: 16px;--radius-pill: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:y mandatory}body{margin:0;min-width:1180px;font-weight:300;letter-spacing:0;background:radial-gradient(circle at 20% 0%,rgba(128,244,255,.11),transparent 34rem),radial-gradient(circle at 90% 35%,rgba(184,255,207,.08),transparent 32rem),var(--bg)}main{scroll-snap-type:y mandatory}body.is-opening{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.opening-curtain{position:fixed;inset:0;z-index:2000;pointer-events:none;background:linear-gradient(90deg,rgba(128,244,255,.1),transparent 20%,transparent 80%,rgba(184,255,207,.08)),linear-gradient(180deg,#030405,#090c0f 46%,#030405);transform-origin:top center;animation:curtain-fallback 1.4s cubic-bezier(.8,0,.2,1) .3s forwards}.opening-curtain:before,.opening-curtain:after{content:"";position:absolute;inset:0}.opening-curtain:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:86px 86px;opacity:.28}.opening-curtain:after{inset:auto 50px 44px;height:1px;background:linear-gradient(90deg,transparent,rgba(128,244,255,.72),transparent)}@keyframes curtain-fallback{to{transform:scaleY(0);visibility:hidden}}.hero{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always}.hero-video,.hero-spectrum,.hero-color-wash,.hero-noise{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover;filter:saturate(.86) brightness(.5) contrast(1.14);transform:scale(1.02);z-index:-5;will-change:transform,filter}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050608bd,#05060857 44%,#050608b8),linear-gradient(180deg,#05060805,#050608 98%);z-index:-3}.hero-spectrum{inset:-34%;z-index:-2;opacity:.8;background:conic-gradient(from 118deg at 58% 48%,#80f4ff0a,#80f4ff94 48deg,#b8ffcf7a 116deg,#ffd37a4d 176deg,#758eff6b 244deg,#80f4ff0a 360deg);filter:blur(52px) saturate(1.55);mix-blend-mode:screen;animation:hero-spectrum-spin 14s cubic-bezier(.65,0,.35,1) infinite alternate;transform-origin:56% 48%;will-change:transform,opacity}.hero-color-wash{z-index:-1;opacity:.86;background:linear-gradient(118deg,rgba(128,244,255,.28),transparent 31%),linear-gradient(245deg,rgba(184,255,207,.2),transparent 34%),linear-gradient(12deg,transparent 34%,rgba(255,211,122,.16) 52%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 55% 45%,#000 0%,rgba(0,0,0,.82) 44%,transparent 82%);mask-image:radial-gradient(ellipse at 55% 45%,#000 0%,rgba(0,0,0,.82) 44%,transparent 82%);animation:hero-wash-drift 13s ease-in-out infinite alternate;will-change:transform,opacity}.hero-noise{opacity:.42;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);will-change:opacity;pointer-events:none}@keyframes hero-spectrum-spin{0%{transform:rotate(-16deg) scale(1.04) translate3d(-2%,1%,0);opacity:.68}48%{transform:rotate(98deg) scale(1.14) translate3d(2%,-1%,0);opacity:.88}to{transform:rotate(214deg) scale(1.08) translate3d(-1%,2%,0);opacity:.74}}@keyframes hero-wash-drift{0%{transform:translate3d(-3%,0,0) scale(1.02);opacity:.56}to{transform:translate3d(3%,-2%,0) scale(1.08);opacity:.82}}.nav{position:fixed;top:24px;left:50%;z-index:1000;width:min(calc(100% - 80px),var(--max));height:72px;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 24px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#06080aad;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 90px #00000042;font-family:var(--font-ui);isolation:isolate;will-change:transform,opacity}.brand{display:flex;align-items:baseline;gap:12px;font-weight:700}.brand span{font-family:var(--font-latin-wide);letter-spacing:0;font-size:18px;transition:color .22s ease,text-shadow .22s ease}.brand small{color:var(--muted);font-family:var(--font-mono);font-size:12px;transition:color .22s ease}.brand.is-active span{color:var(--cyan);text-shadow:0 0 22px rgba(128,244,255,.42)}.brand.is-active small{color:#f3f7fbd1}.nav-links{display:flex;gap:8px;color:var(--soft);font-size:13px;font-weight:500}.nav-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 17px;border-radius:var(--radius-pill);position:relative;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.nav-links a:hover,.nav-links a.is-active{color:var(--cyan);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.nav-links a.is-active:after{content:"";position:absolute;left:18px;right:18px;bottom:7px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px #80f4ff94}.nav-cta,.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:14px;font-weight:650;letter-spacing:0;box-shadow:inset 0 1px #ffffff70,0 12px 36px #80f4ff1f;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.nav-cta,.primary-button{color:#061014;border-color:#80f4ffb8;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 22%),linear-gradient(135deg,var(--cyan),var(--green))}.ghost-button{color:var(--text);background:linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:inset 0 1px #ffffff24,0 12px 34px #0000002e}.nav-cta:hover,.primary-button:hover,.ghost-button:hover{transform:translateY(-2px);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff7a,0 18px 46px #80f4ff33}.hero-inner{width:min(calc(100% - 100px),var(--max));margin:0 auto;padding-top:28vh;position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:0 12px;border:1px solid rgba(128,244,255,.14);border-radius:var(--radius-pill);background:#80f4ff0b;color:var(--cyan);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0;will-change:transform,opacity,clip-path}.section-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 20px currentColor}.hero-lede{width:min(760px,48vw);margin:0 0 36px;color:#d4dde5;font-size:22px;line-height:1.82;font-weight:300;text-wrap:pretty}.hero-actions,.contact-actions{display:flex;gap:14px;align-items:center}.hero-status{position:absolute;left:50%;bottom:34px;width:min(calc(100% - 100px),var(--max));transform:translate(-50%);display:flex;justify-content:space-between;color:#e7eef49e;font-size:13px}.hero-title-layout{position:relative;display:grid;grid-template-columns:minmax(520px,.88fr) minmax(420px,.74fr);align-items:end;gap:34px;width:min(1180px,76vw);margin:22px 0 26px}.hero-title-layout h1{margin:0;display:grid;gap:18px;font-family:var(--font-display-cn);font-size:clamp(96px,10vw,176px);line-height:.86;font-weight:900}.hero-title-layout h1 span,.hero-title-layout h1 small,.hero-type-stack span{display:block;will-change:transform,opacity,clip-path;backface-visibility:hidden}.hero-title-layout h1 small{color:#f3f7fb57;font-family:var(--font-latin-wide);font-size:clamp(42px,3.7vw,72px);line-height:.9;font-weight:700;text-transform:uppercase}.hero-type-stack{display:grid;gap:2px;padding-bottom:8px;color:#f3f7fb24;font-family:var(--font-latin-wide);font-size:clamp(42px,4.1vw,78px);line-height:.86;font-weight:700;text-transform:uppercase}.hero-type-stack span:nth-child(2){color:#80f4ff4d}.hero-status span,.project-topline span,.signature{border-radius:var(--radius-pill)}.hero-status span,.project-topline span{padding:8px 13px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.section{width:min(calc(100% - 100px),var(--max));margin:0 auto;min-height:100vh;padding:104px 0 56px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}.motion-section{position:relative}.section-ghost-title{position:absolute;top:82px;left:-8px;z-index:0;pointer-events:none;color:#f3f7fb0e;font-family:var(--font-latin-wide);font-size:clamp(118px,10.5vw,204px);line-height:.78;font-weight:700;text-transform:uppercase;white-space:nowrap;transform-origin:left center;will-change:transform,opacity,filter}.motion-section>*:not(.section-ghost-title),.contact-inner>*:not(.section-ghost-title){position:relative;z-index:1}.hero,.contact-section{scroll-margin-top:0}.projects{padding:104px 0 56px;border:0;border-radius:0;background:transparent;box-shadow:none}.about-grid{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:center;margin-top:22px}.portrait-panel,.strength-card,.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#12171cd1,#080b0ec2);overflow:hidden;will-change:transform,opacity,clip-path}.portrait-panel{padding:22px}.portrait{position:relative;height:300px;display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--radius-lg) - 8px);border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 38%,rgba(128,244,255,.22),transparent 12rem),linear-gradient(160deg,#1f2a32bd,#07090cf0);will-change:transform}.portrait svg{color:#f3f7fbe6;filter:drop-shadow(0 20px 60px rgba(128,244,255,.24))}.portrait-orbit{position:absolute;border:1px solid rgba(128,244,255,.22);border-radius:42% 58% 55% 45%/48% 44% 56% 52%}.orbit-a{width:72%;height:72%;transform:rotate(16deg)}.orbit-b{width:44%;height:44%;transform:rotate(-28deg);border-color:#b8ffcf2e}.contact-list{display:grid;gap:10px;margin-top:14px}.contact-list a{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 14px;color:var(--soft);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.about-copy h2,.section-heading h2,.contact-inner h2{margin:12px 0 20px;font-family:var(--font-display-cn);font-size:clamp(48px,4.1vw,78px);line-height:1.02;font-weight:900;letter-spacing:0;text-wrap:balance}.about-copy p,.section-heading p,.contact-inner p,.strength-card p,.project-content p{color:var(--muted);line-height:1.9;font-size:16px;font-weight:300;text-wrap:pretty}.about-copy p{width:min(900px,100%);font-size:17px;line-height:1.92}.experience-list{display:grid;gap:8px;margin-top:24px}.experience-list span{padding:13px 16px;color:#dce6ee;font-family:var(--font-ui);font-size:15px;font-weight:500;line-height:1.55;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid rgba(128,244,255,.68);background:#ffffff0a;text-wrap:balance;will-change:transform,opacity,clip-path}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.stat-card{padding:22px;min-height:112px;box-shadow:inset 0 1px #ffffff0f}.stat-card strong{display:block;font-family:var(--font-latin-wide);font-size:42px;line-height:1}.stat-card span{display:block;margin-top:12px;color:var(--muted);font-family:var(--font-ui);font-size:15px;font-weight:500}.section-heading{display:grid;grid-template-columns:minmax(620px,.9fr) minmax(360px,.45fr);gap:48px;align-items:start;margin-bottom:36px;position:relative;z-index:1}.section-heading p{width:min(560px,100%);margin:18px 0 8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.projects .section-heading h2{color:var(--text);font-weight:900;text-transform:none}.projects .section-heading p{color:var(--muted)}.projects .section-kicker{color:var(--cyan);border-color:#80f4ff24;background:#80f4ff0b}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-card{position:relative;min-height:clamp(390px,44vh,500px);overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line);background:#0b0f12;box-shadow:none;will-change:transform,opacity,clip-path;transform:translateZ(0)}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.58) brightness(.64) contrast(1.08);transform:scale(1.03);transition:transform .5s ease,filter .5s ease;will-change:transform}.project-card:hover img{filter:saturate(.82) brightness(.74) contrast(1.1);transform:scale(1.07)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06080a0d,#06080ae6 74%),linear-gradient(90deg,rgba(6,8,10,.6),transparent 70%)}.project-content{position:absolute;inset:auto 0 0;padding:24px;margin:14px;border-radius:var(--radius-md);background:linear-gradient(180deg,#05070914,#05070980)}.project-topline{display:flex;justify-content:space-between;gap:18px;color:var(--cyan);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.project-card h3{margin:16px 0 8px;font-family:var(--font-display-cn);font-size:clamp(28px,2vw,40px);line-height:1.08;font-weight:900;text-wrap:balance}.project-meta{margin:0 0 8px;font-family:var(--font-ui);font-size:14px;font-weight:500;color:#dfe8ef!important}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.strength-card{min-height:270px;padding:30px;box-shadow:inset 0 1px #ffffff0f;transform:translateZ(0)}.icon-box{width:54px;height:54px;display:grid;place-items:center;color:#061014;border-radius:18px;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 16px 42px #80f4ff29}.strength-card h3{margin:28px 0 12px;font-family:var(--font-display-cn);font-size:30px;line-height:1.12;font-weight:900}.contact-section{min-height:100vh;display:grid;place-items:center;padding:120px 50px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:linear-gradient(180deg,#050608,#050608b3),url(https://images.unsplash.com/photo-1535223289827-42f1e9919769?auto=format&fit=crop&w=2200&q=80) center / cover}.contact-inner{width:min(100%,var(--max));padding:88px;border:1px solid var(--line);border-radius:var(--radius-xl);background:#050608ad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;will-change:transform,opacity,clip-path}.contact-inner .section-ghost-title{top:58px;left:72px;font-size:clamp(124px,11vw,220px);color:#f3f7fb0b}.contact-inner h2{width:min(1040px,82%);font-size:clamp(58px,5vw,96px)}.contact-inner p{width:min(720px,62%);margin-bottom:34px;font-size:18px;line-height:1.95}.signature{display:flex;align-items:center;gap:10px;width:fit-content;padding:10px 14px;margin-top:84px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e7eef49e}@media(max-width:1320px){body{min-width:1024px}.about-grid{grid-template-columns:390px 1fr;gap:48px}.project-card{min-height:390px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.opening-curtain{display:none}.section-ghost-title{opacity:.08;filter:none}}
