:root{--accent:#4382df;--accent-rgb:67, 130, 223;color:#f4efe7;font-synthesis:none;text-rendering:geometricprecision;background:#090909;font-family:Inter,Noto Sans SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, rgba(var(--accent-rgb), .24), transparent 28rem), linear-gradient(180deg, #050505 0%, #11110f 50%, #070707 100%);min-width:320px;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer;border:0}.openingCurtain{z-index:100;pointer-events:none;background:#050505;place-items:center;animation:2.2s cubic-bezier(.76,0,.24,1) .9s forwards curtainExit;display:grid;position:fixed;inset:0;overflow:hidden}.openingCurtain:before,.openingCurtain:after{content:"";position:absolute;inset:0}.openingCurtain:before{background:linear-gradient(90deg, transparent 0 49.9%, rgba(var(--accent-rgb), .9) 50%, transparent 50.2%), linear-gradient(180deg, rgba(var(--accent-rgb), .2), transparent 42%);transform-origin:50%;animation:1.05s cubic-bezier(.83,0,.17,1) forwards openingSlash;transform:scaleX(0)}.openingCurtain:after{background:rgba(var(--accent-rgb), .9);animation:1.35s cubic-bezier(.83,0,.17,1) .32s forwards openingSweep;transform:translate(-102%)skew(-12deg)}.openingCurtain span{z-index:1;color:#f4efe7;letter-spacing:0;clip-path:inset(0 100% 0 0);font-size:clamp(42px,10vw,148px);font-weight:900;animation:1.45s cubic-bezier(.76,0,.24,1) .1s forwards openingText;position:relative;transform:translateY(36px)scaleX(.72)}.topbar{z-index:20;color:#f4efe7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#050505d1,#05050500);grid-template-columns:150px 1fr auto;align-items:center;gap:18px 22px;padding:22px clamp(18px,4vw,58px);display:grid;position:fixed;top:0;left:0;right:0}.site-booting .topbar{animation:1.15s cubic-bezier(.76,0,.24,1) 1.45s forwards topbarIn;transform:translateY(-120%)}.brand{letter-spacing:0;align-items:center;gap:12px;min-width:0;font-weight:800;display:flex}.brand span{border:1px solid #f4efe78c;place-items:center;width:42px;height:42px;display:grid}.brand small{color:#f4efe794;font-size:11px}.navrail{scrollbar-width:none;white-space:nowrap;grid-area:2/1/auto/-1;gap:0;display:flex;overflow-x:auto}.navrail::-webkit-scrollbar{display:none}.navLoop{width:100%;display:flex}.navSet{flex:1;justify-content:space-between;display:flex}.navSet.duplicate{display:none}.navrail a{color:#f4efe7b8;flex:1;justify-content:center;align-items:baseline;gap:8px;min-width:0;font-size:14px;display:inline-flex}.navrail span{color:rgba(var(--accent-rgb), .88);font-size:11px}.topActions{align-items:center;gap:10px;display:flex}.langToggle,.contactBtn{color:#f4efe7e6;background:#0a0a0a6b;border:1px solid #f4efe75c;justify-content:center;align-items:center;min-width:48px;height:38px;padding:0 16px;transition:background .22s,border-color .22s,color .22s;display:inline-flex}.contactBtn{border-color:var(--accent);background:var(--accent);color:#f4efe7}.langToggle:hover,.contactBtn:hover,.closeBtn:hover{border-color:var(--accent);color:var(--accent);background:#f4efe7}.section{max-width:1700px;margin:0 auto;padding:clamp(82px,9vw,150px) clamp(18px,4.8vw,76px)}.section:not(.hero){content-visibility:auto;contain-intrinsic-size:900px}.hero{isolation:isolate;place-items:center;max-width:none;min-height:100vh;display:grid;position:relative;overflow:hidden}.heroBg{z-index:-3;filter:grayscale(.2)saturate(.78);opacity:.42;will-change:transform;background-position:50%;background-size:cover;transition:background-image .5s;animation:2.6s cubic-bezier(.76,0,.24,1) .72s forwards heroImageOpen;position:absolute;inset:0;transform:scale(1.12)}.hero:before{z-index:-2;content:"";background:linear-gradient(90deg, #050505eb, #0505057a, #050505db), radial-gradient(circle at 50% 52%, rgba(var(--accent-rgb), .26), transparent 18rem);position:absolute;inset:0}.orbit{z-index:-1;pointer-events:none;border:1px solid #f4efe72e;border-radius:50%;position:absolute}.orbitOne{aspect-ratio:1;width:min(64vw,860px);top:8vh;left:-18vw}.orbitTwo{aspect-ratio:1;width:190px;top:31vh;right:13vw;box-shadow:-36px 0 0 -1px #f4efe714,-72px 0 0 -2px #f4efe714}.heroInner{width:min(1120px,100%);padding-top:8vh}.heroMeta,.eyebrow{color:rgba(var(--accent-rgb), .92);text-transform:uppercase;align-items:center;gap:14px;font-size:clamp(12px,1.2vw,15px);display:flex}.site-booting .heroMeta{opacity:0;clip-path:inset(0 0 100%);animation:1.15s cubic-bezier(.76,0,.24,1) 1.65s forwards metaReveal;transform:translateY(28px)}.heroMeta:before,.eyebrow:before{content:"";background:currentColor;width:46px;height:1px;display:block}.hero h1{letter-spacing:0;max-width:940px;margin:12px 0 40px;padding:.08em 0 .12em;font-size:clamp(74px,16vw,220px);line-height:1.08;overflow:visible}.hero h1 span{display:block}.site-booting .hero h1 span{filter:blur(10px);animation:1.75s cubic-bezier(.76,0,.24,1) 1.78s forwards titleCompressionReveal;transform:translateY(118%)scaleY(.58)}.hero p{color:#f4efe7bf;max-width:760px;margin:0;font-size:clamp(17px,2.2vw,32px);overflow:hidden}.hero p span{display:block}.site-booting .hero p span{clip-path:inset(0 0 100%);animation:1.2s cubic-bezier(.76,0,.24,1) 2.35s forwards subtitleReveal;transform:translateY(110%)}.navrail a:hover{color:#f4efe7}.sectionTitle{gap:8px;margin-bottom:34px;display:grid}.sectionTitle>span{color:rgba(var(--accent-rgb), .92);text-transform:uppercase;font-size:13px}.sectionTitle h2{color:#f4efe7;letter-spacing:0;max-width:920px;margin:0;padding:.06em 0 .14em;font-size:clamp(40px,6vw,96px);line-height:1.16;overflow:visible}.sectionTitle .titleLine{display:block}.site-booting [data-animate-section] .sectionTitle span,.site-booting [data-animate-section] .sectionTitle h2{opacity:0;transform-origin:0 100%;clip-path:inset(0 -3% 100%);transition:opacity .9s cubic-bezier(.76,0,.24,1),transform 1.3s cubic-bezier(.76,0,.24,1),clip-path 1.3s cubic-bezier(.76,0,.24,1);transform:translateY(96px)scaleY(.72)}.site-booting [data-animate-section].is-visible .sectionTitle span,.site-booting [data-animate-section].is-visible .sectionTitle h2{opacity:1;clip-path:inset(-12% -3% -18%);transform:translate(0,0)scaleY(1)}.site-booting [data-animate-section].is-visible .sectionTitle h2{transition-delay:.1s}.site-booting [data-stagger-item]{opacity:0;clip-path:inset(18% 0 0);transition:opacity .9s cubic-bezier(.76,0,.24,1),transform 1.25s cubic-bezier(.76,0,.24,1),clip-path 1.25s cubic-bezier(.76,0,.24,1);transition-delay:calc(.26s + var(--i,0) * .11s);will-change:transform, opacity, clip-path;transform:translateY(86px)scaleY(.94)}.site-booting [data-animate-section].is-visible [data-stagger-item],.site-booting [data-stagger-item].is-visible{opacity:1;clip-path:inset(0);transform:translate(0,0)scaleY(1)}.profileGrid{grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) minmax(320px,1.5fr);gap:18px;display:grid}.introPanel,.timeline,.strengthCard,.skillPanel,.infoCard,.additionalCard{background:#f4efe70b;border:1px solid #f4efe729}.introPanel{min-height:420px;padding:30px}.introPanel h2{margin:34px 0 16px;font-size:clamp(44px,5vw,76px);line-height:1}.introPanel p{color:#f4efe7b8;white-space:pre-line;line-height:1.75}.contactLine{color:#f4efe7e6;gap:8px;margin-top:40px;font-size:14px;display:grid}.timeline{padding:26px}.timeline.wide{grid-column:span 2}.timeline h3,.infoCard h3,.additionalCard h3{color:#f4efe7;margin:0 0 24px;font-size:22px}.timelineItem{border-left:1px solid rgba(var(--accent-rgb), .5);padding:0 0 24px 24px;position:relative}.timelineItem:before{background:var(--accent);content:"";width:7px;height:7px;position:absolute;top:4px;left:-4px}.timelineItem span{color:rgba(var(--accent-rgb), .9);font-size:12px}.timelineItem h4{color:#f4efe7;margin:7px 0 8px;font-size:17px;line-height:1.35}.timelineItem p,.strengthCard p,.infoCard li,.additionalCard li{color:#f4efe7ad;margin:0;line-height:1.65}.projectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.projectCard{text-align:left;background:#111;border:1px solid #f4efe724;min-height:clamp(380px,48vw,620px);padding:0;position:relative;overflow:hidden}.projectCard:before{z-index:2;background:linear-gradient(90deg, rgba(var(--accent-rgb), .88), #f4efe7f5), #f4efe7;content:"";transform-origin:0;transition:transform 1.35s cubic-bezier(.76,0,.24,1);transition-delay:calc(.12s + var(--i,0) * .11s);pointer-events:none;position:absolute;inset:-1px;transform:translate(-102%)skew(-8deg)}.site-booting .projectsSection.is-visible .projectCard:before{transform:translate(106%)skew(-8deg)}.projectCard:after{z-index:0;content:"";background:linear-gradient(#0505050a,#050505b8),linear-gradient(90deg,#050505d1,#05050514 58%);position:absolute;inset:0}.projectCard img{width:100%;height:100%;min-height:inherit;object-fit:cover;filter:grayscale(.06)saturate(.9);transform:translate3d(0, var(--parallax-y,0px), 0) scale(1.08);will-change:transform;transition:transform .5s,filter .5s}.projectCard:hover img{filter:grayscale(0)saturate(.95);transform:translate3d(0, var(--parallax-y,0px), 0) scale(1.13)}.projectLabel,.projectTitle,.projectInfo{z-index:1;position:absolute;left:22px;right:22px}.projectLabel{color:#f4efe7;font-size:clamp(34px,5vw,74px);font-weight:900;line-height:.9;top:20px}.projectTitle{color:#f4efe7;font-size:clamp(24px,3vw,44px);font-weight:800;line-height:1.05;bottom:118px}.projectInfo{color:#f4efe7ad;max-width:90%;font-size:12px;line-height:1.45;bottom:22px}.projectInfo span{display:inline}.strengthGrid,.moreGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.strengthCard{min-height:240px;padding:28px}.strengthCard span{color:rgba(var(--accent-rgb), .9);font-size:13px}.strengthCard h3{margin:58px 0 18px;font-size:clamp(24px,3vw,40px)}.skillPanel{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 34px;margin-top:18px;padding:28px;display:grid}.skillRow{grid-template-columns:minmax(92px,130px) 1fr;align-items:center;gap:14px;display:grid}.skillRow span{color:#f4efe7c2;font-size:12px}.skillTrack{background:#f4efe738;height:2px}.skillTrack i{background:var(--accent);height:100%;display:block}.infoCard,.additionalCard{padding:28px}.infoCard ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.additionalCard{grid-column:span 1}.additionalList{gap:12px;display:grid}.additionalItem{background:#0c0c0c;border:1px solid #f4efe71f;height:86px;margin:0;transition:height .35s,border-color .22s;position:relative;overflow:hidden}.additionalItem:hover{border-color:rgba(var(--accent-rgb), .74);height:260px}.additionalItem img{object-fit:cover;filter:grayscale(.1)saturate(.9);width:100%;height:100%;transform:translate3d(0, var(--parallax-y,0px), 0) scale(1.05);will-change:transform;transition:filter .22s,transform .35s;display:block}.additionalItem:hover img{object-fit:cover;filter:grayscale(0)saturate();height:100%;transform:translate3d(0, var(--parallax-y,0px), 0) scale(1.1)}.additionalItem figcaption{color:#f4efe7;text-shadow:0 1px 12px #000000e6;font-size:12px;font-weight:700;line-height:1.35;position:absolute;bottom:12px;left:14px;right:14px}.contactSection{color:#080808;background:#f4efe7;align-content:center;min-height:100vh;padding:clamp(32px,6vw,82px);display:grid;position:relative;overflow:hidden}.site-booting .contactSection>div:not(.contactFoot),.site-booting .contactSection .contactMark,.site-booting .contactSection .contactFoot{opacity:0;transition:opacity 1s cubic-bezier(.76,0,.24,1),transform 1.25s cubic-bezier(.76,0,.24,1);transform:translateY(70px)}.site-booting .contactSection.is-visible>div:not(.contactFoot),.site-booting .contactSection.is-visible .contactMark,.site-booting .contactSection.is-visible .contactFoot{opacity:1;transform:translate(0,0)}.contactSection:before{content:"";border:1px solid #08080824;border-radius:50%;position:absolute;inset:8%}.contactMark{opacity:.34;mix-blend-mode:multiply;pointer-events:none;width:min(34vw,420px);max-width:70%;height:auto;position:absolute;top:clamp(120px,12vw,180px);right:7vw}.contactSection p{color:#08080894;margin:0 0 18px;font-size:clamp(17px,2vw,28px)}.contactSection h2{z-index:1;overflow-wrap:normal;white-space:nowrap;max-width:100%;margin:0 0 32px;font-size:clamp(34px,8.66vw,112px);line-height:.94;position:relative}.contactSection a{border:1px solid #080808;align-items:center;height:44px;padding:0 20px;transition:background .22s,border-color .22s,color .22s;display:inline-flex}.contactSection a:hover{border-color:var(--accent);background:var(--accent);color:#f4efe7}.contactFoot{color:#080808a3;gap:24px;display:flex;position:absolute;bottom:clamp(24px,6vw,82px);right:clamp(24px,6vw,82px)}.modalLayer{z-index:40;place-items:center;padding:clamp(12px,3vw,36px);display:grid;position:fixed;inset:0}.modalScrim{background:#000000c7;animation:.7s cubic-bezier(.76,0,.24,1) forwards scrimIn;position:absolute;inset:0}.projectModal{z-index:1;transform-origin:top;background:#11110f;border:1px solid #f4efe733;width:min(1180px,100%);max-height:min(88vh,980px);animation:.95s cubic-bezier(.76,0,.24,1) forwards modalReveal;position:relative;overflow:auto;box-shadow:0 28px 120px #00000094}.closeBtn{z-index:2;float:right;color:#f4efe7;background:#0a0a0acc;border:1px solid #f4efe747;width:44px;height:44px;margin:16px 16px 0 0;font-size:30px;line-height:1;position:sticky;top:16px}.modalHeader,.modalIntro,.routeBlock{padding:clamp(24px,5vw,58px)}.modalHeader{gap:14px;padding-bottom:18px;display:grid}.modalHeader span{color:var(--accent);font-size:clamp(42px,8vw,104px);font-weight:900;line-height:.8}.modalHeader h2{margin:0;font-size:clamp(36px,6vw,82px);line-height:.98}.modalHeader p,.modalIntro{color:#f4efe7b8;white-space:pre-line;max-width:900px;margin:0;line-height:1.75}.routeBlock{gap:18px;padding-top:0;display:grid}.routeBlock span{color:rgba(var(--accent-rgb), .9);text-transform:uppercase;font-size:13px}.routeBlock img{object-fit:contain;width:min(100%,980px);transform:translate3d(0, var(--parallax-y,0px), 0);will-change:transform;background:#fff;border:1px solid #f4efe724;margin:0 auto}.projectModal .modalHeader,.projectModal .modalIntro,.projectModal .routeBlock{animation:1s cubic-bezier(.76,0,.24,1) forwards modalContentReveal}.projectModal .modalIntro{animation-delay:80ms}.projectModal .routeBlock{animation-delay:.16s}@keyframes openingSlash{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes openingSweep{0%{transform:translate(-102%)skew(-12deg)}to{transform:translate(102%)skew(-12deg)}}@keyframes openingText{0%{clip-path:inset(0 100% 0 0);transform:translateY(36px)scaleX(.72)}70%{transform:translateY(0)scaleX(.72)}to{clip-path:inset(0);transform:translateY(0)scaleX(1)}}@keyframes curtainExit{0%{transform:translateY(0)scaleY(1)}72%{transform:translateY(0)scaleY(1)}to{transform:translateY(-102%)scaleY(.84)}}@keyframes topbarIn{to{transform:translateY(0)}}@keyframes heroImageOpen{0%{filter:grayscale(.8)saturate(.6);transform:scale(1.18)translateY(3vh)}to{filter:grayscale(.2)saturate(.78);transform:scale(1.02)translateY(0)}}@keyframes metaReveal{to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes titleCompressionReveal{0%{filter:blur(10px);transform:translateY(118%)scaleY(.58)}68%{filter:blur();transform:translateY(-4%)scaleY(1.08)}to{filter:blur();transform:translateY(0)scaleY(1)}}@keyframes subtitleReveal{to{clip-path:inset(0);transform:translateY(0)}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes modalReveal{0%{opacity:0;clip-path:inset(0 0 18%);transform:translateY(42px)scaleY(.92)}to{opacity:1;clip-path:inset(0);transform:translate(0,0)scaleY(1)}}@keyframes modalContentReveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(48px)}to{opacity:1;clip-path:inset(0);transform:translate(0,0)}}@media (width<=1180px){.topbar{grid-template-columns:auto 1fr}.navrail{overflow:hidden}.navrail a{flex:1;min-width:0}.topActions{justify-content:flex-end}.profileGrid,.projectGrid,.moreGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline.wide{grid-column:span 1}.skillPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.topbar{gap:12px;padding:14px}.brand small,.contactBtn{display:none}.navrail{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.navLoop{width:max-content;animation:24s linear infinite navMarquee}.navLoop:hover,.navLoop:focus-within{animation-play-state:paused}.navSet{flex:none;gap:22px;padding-right:22px}.navSet.duplicate{display:flex}.hero{align-items:end;padding-bottom:220px}.navrail a{flex:none;min-width:92px;font-size:13px}.profileGrid,.projectGrid,.strengthGrid,.moreGrid,.skillPanel{grid-template-columns:1fr}.projectCard{min-height:420px}.skillRow{grid-template-columns:100px 1fr}.contactFoot{flex-direction:column;gap:8px;left:24px;right:auto}.contactSection h2{font-size:clamp(26px,8vw,56px)}.contactMark{width:min(42vw,190px);top:150px;right:22px}}@keyframes navMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.openingCurtain{display:none}.heroBg,.projectCard img,.additionalItem img,.routeBlock img{transform:none!important}}