.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}:root{color:#eef6ff;font-synthesis:none;text-rendering:optimizelegibility;background:#05070a;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}#hero,#profile,#projects,#strengths,#contact{scroll-margin-top:120px}body{background:#05070a;min-width:1180px;margin:0}a{color:inherit;text-decoration:none}.openingCurtain{z-index:80;pointer-events:none;transform-origin:0;will-change:transform;background:linear-gradient(90deg,#f4ead6 0%,#d7fff7 46%,#071013 100%);position:fixed;inset:0}.textMask{display:block;overflow:hidden}.heroNameMask{padding-bottom:.08em}.revealBlock{will-change:transform, opacity;display:block}.shell{width:min(1700px,100vw - 96px);margin:0 auto}.nav{z-index:20;pointer-events:none;will-change:transform, opacity;justify-content:space-between;align-items:center;width:min(1700px,100vw - 96px);padding:0;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.navIdentity,.navLinks,.topCatButton{pointer-events:auto}.navIdentity{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f5f1e6;background:#05070a70;border:1px solid #ffffff1f;gap:5px;padding:12px 15px;font-size:13px;font-weight:800;display:grid}.navIdentity small{color:#7d8794;letter-spacing:.12em;font-size:10px}.navLinks{color:#b9c6d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070a61;border:1px solid #ffffff1a;gap:8px;padding:8px;font-size:14px;display:flex}.navLinks a{padding:10px 14px;transition:color .25s,background .25s}.navLinks a:hover{color:#f6f2e8;background:#ffffff0f}.navCta,.primaryBtn,.ghostBtn,.topCatButton{border:1px solid #ffffff29;align-items:center;gap:10px;display:inline-flex}.topCatButton{color:#f4efe3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070a94;min-height:52px;padding:7px 14px 7px 8px;font-size:13px;font-weight:800}.catMark{width:38px;height:38px;display:inline-block;position:relative}.catFace{background:linear-gradient(145deg,#f6efe3,#aab9bd);border:2px solid #e8dcc7;border-radius:42% 42% 48% 48%;position:absolute;inset:7px 3px 3px;box-shadow:inset -7px -8px 12px #030a0c38}.catEar{background:#e8dcc7;border:2px solid #e8dcc7;width:14px;height:14px;position:absolute;top:3px;transform:rotate(45deg)}.catEar.left{left:6px}.catEar.right{right:6px}.catEye{background:#071013;border-radius:50%;width:4px;height:6px;position:absolute;top:10px}.catEye.left{left:8px}.catEye.right{right:8px}.catNose{background:#0bb9a8;border-radius:50%;width:5px;height:4px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.heroPoster,.heroVideo{object-fit:cover;filter:blur(1px)saturate(.82)contrast(1.08)brightness(.62);will-change:transform, filter;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.012)}.heroPoster{z-index:0}.heroVideo{z-index:1}.heroShade{z-index:2;background:linear-gradient(90deg,#040608c7 0%,#0406088a 42%,#04060857 68%,#0406089e 100%),linear-gradient(#0000 66%,#05070ae0 100%);position:absolute;inset:0}.heroTexture{display:none}.heroContent{z-index:3;padding:118px 0 70px;position:relative}.eyebrow,.sectionKicker{color:#a4a8a7;letter-spacing:.16em;margin:0 0 18px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{color:#f4efe3;letter-spacing:0;width:min(1120px,76vw);margin-bottom:28px;font-size:clamp(116px,11vw,206px);font-weight:900;line-height:.82}.heroLead{color:#d8d2c7;max-width:960px;margin-bottom:16px;font-size:clamp(32px,3vw,58px);font-weight:650;line-height:1.18}.heroSubline{color:#9aa5ad;max-width:820px;font-size:18px;line-height:1.75}.heroActions{gap:14px;margin-top:38px;display:flex}.primaryBtn,.ghostBtn{border-radius:5px;min-height:50px;padding:15px 20px;font-weight:700}.primaryBtn{color:#0b0d0d;background:#f4ead6}.ghostBtn{color:#d7ddd9;background:#ffffff0e}.section{z-index:2;padding:150px 0 80px;position:relative}.siteBody{background:#05070a;position:relative;overflow:hidden}.grainientLayer{z-index:0;opacity:.86;pointer-events:none;position:absolute;inset:0}.grainientLayer:after{content:"";background-color:#05070a57;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),radial-gradient(circle at 22% 24%,#05070a29,#0000 38%),radial-gradient(circle at 78% 66%,#05070a38,#0000 42%),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:80px 80px,80px 80px,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0}.grainientLayer:before{content:"";z-index:1;mix-blend-mode:screen;opacity:.82;background:radial-gradient(at 18% 22%,#5ff4df29,#0000 34%),radial-gradient(at 82% 42%,#4b769a33,#0000 36%),linear-gradient(115deg,#0000 0%,#d7fff714 42%,#0000 62%);animation:18s cubic-bezier(.45,0,.2,1) infinite alternate backgroundDrift;position:absolute;inset:-18%}@keyframes backgroundDrift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}.profile{grid-template-columns:.85fr 1.15fr;align-items:center;gap:72px;display:grid}.portraitPanel{aspect-ratio:4/5;background:#0b1118;border:1px solid #ffffff1f;height:auto;position:relative;overflow:hidden}.portraitPanel img,.projectMainImage{object-fit:contain;width:100%;height:100%}.portraitLabel{color:#ddfff8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c10b8;border:1px solid #ffffff29;align-items:center;gap:10px;padding:13px 16px;display:inline-flex;position:absolute;bottom:28px;left:28px}.profileText h2,.sectionHead h2,.contactFinal h2{color:#f4f8ff;letter-spacing:0;max-width:980px;font-size:48px;line-height:1.12}.profileText p{color:#b6c3d2;font-size:18px;line-height:1.9}.contactLine{color:#d9e8f5;gap:24px;margin:34px 0;display:flex}.contactLine span{align-items:center;gap:10px;display:inline-flex}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat,.strengthCard{background:#ffffff0b;border:1px solid #ffffff1f}.stat{padding:24px}.stat strong{color:#5ff4df;font-size:38px;display:block}.stat span{color:#9fafbf}.sectionHead{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:34px;display:grid}.projectCard{isolation:isolate;background:linear-gradient(#ffffff0e,#ffffff05),#09101ab8;border:1px solid #ecf7ff1f;border-radius:30px;grid-template-rows:auto 176px 94px;min-height:0;padding:14px;transition:transform .35s cubic-bezier(.2,.78,.18,1),background .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047}.projectCard:hover{background:linear-gradient(#ffffff12,#ffffff06),#09101ad1;transform:translateY(-4px);box-shadow:0 34px 90px #00000057}.projectCard:nth-child(3),.projectCard:nth-child(4){min-height:0}.projectVisual{z-index:3;aspect-ratio:16/10;will-change:clip-path;background:radial-gradient(circle at 50% 45%,#ffffff0e,#0000 55%),#05090feb;border:1px solid #ebf6ff29;border-radius:22px;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0e}.projectCard:nth-child(3) .projectVisual,.projectCard:nth-child(4) .projectVisual{aspect-ratio:16/10;height:auto}.projectMainImage{filter:brightness(.84)saturate(.95);will-change:transform;transition:transform .7s,filter .7s;animation:.52s cubic-bezier(.2,.78,.18,1) both imageCoverIn;display:block}.projectCard:hover .projectMainImage{filter:brightness(.95)saturate(1.02);transform:scale(1.018)}.projectInfo{z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;min-height:0;padding:24px 8px;position:relative;overflow:hidden}.projectInfo span,.strengthCard span{color:#5ff4df;letter-spacing:.12em;font-size:12px}.projectInfo h3{margin:12px 0 10px;font-size:28px}.projectInfo p,.strengthCard p{color:#aebccd;line-height:1.7}.projectInfo p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thumbRail{z-index:7;-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:linear-gradient(#ffffff17,#ffffff06),#070c11b8;border:1px solid #ecf7ff24;border-radius:22px;align-self:end;gap:9px;padding:12px;display:flex;position:relative;overflow:hidden}.thumbIndicator{z-index:1;width:64px;transform:translateX(calc(var(--active-index) * 73px));background:linear-gradient(135deg,#d7fff733,#5ff4df14);border:1px solid #d7fff7b8;border-radius:15px;transition:transform .45s cubic-bezier(.2,.78,.18,1);position:absolute;top:10px;bottom:10px;left:12px;box-shadow:0 0 24px #5ff4df1f,inset 0 0 0 1px #ffffff1f}.thumbButton{z-index:2;aspect-ratio:1;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:12px;flex:0 0 64px;height:auto;padding:0;position:relative;overflow:hidden}.thumbButton img{object-fit:contain;filter:brightness(.72)saturate(.82);background:#04080dd1;width:100%;height:100%;transition:transform .38s cubic-bezier(.2,.78,.18,1),filter .35s,opacity .35s}.thumbButton span{color:#ffffffad;letter-spacing:.08em;text-shadow:0 1px 8px #000000b3;font-size:10px;font-weight:800;position:absolute;bottom:6px;left:7px}.thumbButton:hover img,.thumbButton.isActive img{filter:brightness()saturate();transform:scale(1.045)}.thumbButton.isActive{border-color:#0000}@keyframes imageCoverIn{0%{clip-path:inset(0 0 0 100%);transform:scale(1.018)}to{clip-path:inset(0);transform:scale(1)}}.strengthGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.strengthCard{will-change:transform;border-radius:18px;min-height:230px;padding:28px;transition:transform .35s cubic-bezier(.2,.78,.18,1),background .35s;overflow:hidden}.specularLite:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;opacity:.28;background:linear-gradient(120deg,#d7fff79e,#0000 24% 72%,#5ff4df47),linear-gradient(#ffffff1f,#ffffff0a);padding:1px;transition:opacity .35s,filter .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.specularLite:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 38%,#d7fff71f 48%,#0000 58%);transition:transform .75s cubic-bezier(.2,.78,.18,1),opacity .45s;position:absolute;inset:-35%;transform:translate(-32%)rotate(8deg)}.specularLite:hover:before{opacity:.76;filter:drop-shadow(0 0 14px #5ff4df24)}.specularLite:hover:after{opacity:1;transform:translate(32%)rotate(8deg)}@media (prefers-reduced-motion:reduce){.openingCurtain{display:none}.projectMainImage,.grainientLayer:before{animation:none}}.strengthCard:hover{background:#ffffff0f;transform:translateY(-3px)}.strengthCard h3{margin:34px 0 14px;font-size:26px}.contactFinal{z-index:2;background:linear-gradient(#0000,#0a1f266b);align-items:center;min-height:100vh;display:flex;position:relative}.contactInner{padding:100px 0}.contactFinal h2{max-width:1200px;font-size:72px}.footerText{color:#8795a6;margin-top:60px}@media (width<=1200px){body{min-width:0}.shell,.nav{width:min(100% - 40px,1700px)}.nav{top:12px}.navIdentity{font-size:11px;padding:10px 12px}.navIdentity small{font-size:8px}.navLinks{font-size:12px;gap:4px}.navLinks a{padding:8px 10px}.heroContent{padding:100px 0 50px}h1{width:100%;font-size:clamp(42px,8vw,58px);line-height:.9}.heroLead{font-size:clamp(20px,3vw,28px);max-width:100%}.heroSubline{font-size:15px;max-width:100%}.heroActions{flex-direction:column;gap:10px;margin-top:24px}.primaryBtn,.ghostBtn{min-height:42px;padding:12px 16px;font-size:14px}.section{padding:80px 0 40px}.profile{grid-template-columns:1fr;gap:32px}.profileText h2,.sectionHead h2{font-size:32px}.profileText p{font-size:15px;line-height:1.7}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:18px}.stat strong{font-size:28px}.projectGrid{grid-template-columns:1fr;gap:24px}.projectCard{grid-template-rows:auto;padding:10px}.projectCard .projectVisual{aspect-ratio:16/9}.projectInfo{padding:16px 6px}.projectInfo h3{font-size:22px}.thumbRail{gap:6px;padding:8px}.thumbButton{flex:0 0 48px}.thumbIndicator{width:48px;transform:translateX(calc(var(--active-index) * 54px));top:8px;bottom:8px;left:8px}.strengthGrid{grid-template-columns:1fr;gap:14px}.strengthCard{min-height:auto;padding:20px}.strengthCard h3{font-size:20px;margin:20px 0 10px}.contactFinal h2{font-size:36px;max-width:100%}.contactLine{flex-direction:column;gap:16px;margin:24px 0}.contactInner{padding:60px 0}.footerText{font-size:13px;margin-top:40px}#hero,#profile,#projects,#strengths,#contact{scroll-margin-top:80px}}