:root{color-scheme:dark;--bg: #05060b;--bg-soft: #0a0d14;--ink: #f7fbff;--muted: rgba(247, 251, 255, .68);--dim: rgba(247, 251, 255, .46);--line: rgba(255, 255, 255, .16);--cyan: #49e7ff;--pink: #ff4dc8;--green: #8cff6a;--amber: #ffbf43;--red: #ff5f4f;--blue: #4c7dff;--shell: min(1700px, calc(100vw - 72px) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh;overflow:clip}.section-shell{width:var(--shell);margin-inline:auto}.section-pad{padding:132px 0}.experience-section,.projects-section,.strengths-section,.contact-section{content-visibility:auto;contain-intrinsic-size:900px}.section-label,.eyebrow{margin:0;color:var(--green);font-size:13px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase}.site-header{position:absolute;z-index:5;top:0;left:50%;display:grid;width:var(--shell);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:34px 0;transform:translate(-50%);transition:width .36s ease,top .36s ease,padding .36s ease,border-color .36s ease,background-color .36s ease,box-shadow .36s ease}.site-header.is-floating{position:fixed;z-index:40;top:18px;width:min(1120px,calc(100vw - 72px));grid-template-columns:auto 1fr auto;gap:20px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,#ffffff21,#ffffff0b),#05070ea3;box-shadow:0 24px 80px #0000005c,inset 0 1px #ffffff2e;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35)}.site-header.is-floating:before{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 12% 50%,rgba(73,231,255,.22),transparent 28%),radial-gradient(circle at 88% 50%,rgba(255,77,200,.18),transparent 30%);content:"";opacity:.78;pointer-events:none}.brand,.nav-links,.header-contact,.primary-action,.secondary-action,.contact-lines a,.contact-lines span{display:inline-flex;align-items:center}.brand{gap:12px;font-size:15px;font-weight:900}.brand-mark{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 10%,transparent 12%),conic-gradient(from 40deg,var(--cyan),var(--pink),var(--amber),var(--green),var(--cyan));box-shadow:0 0 28px #49e7ffb8,0 0 48px #ff4dc857}.nav-links{gap:8px;justify-content:center;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0709126b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .28s ease,background-color .28s ease,box-shadow .28s ease}.site-header.is-floating .nav-links{justify-self:center;border-color:#ffffff1a;background:#ffffff0b;box-shadow:inset 0 1px #ffffff1a}.nav-links a{min-width:72px;padding:10px 14px;border-radius:6px;color:#f7fbffb3;font-size:14px;line-height:1;text-align:center}.nav-links a:hover,.nav-links a:focus-visible{background:#ffffff1a;color:var(--ink)}.header-contact{justify-self:end;gap:9px;padding:13px 18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;font-size:14px;font-weight:800;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .28s ease,background-color .28s ease,color .28s ease}.site-header.is-floating .header-contact{border-color:#ffffff2e;background:#ffffff1f}.site-header.is-floating .brand{min-width:150px}.magic-text-card{--magic-color: 73, 231, 255;--magic-x: 50%;--magic-y: 50%;--magic-intensity: .56;position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d}.magic-text-card:before,.magic-text-card:after,.magic-text-card>.magic-refraction{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none;transition:opacity .26s ease,filter .26s ease}.magic-text-card:before{z-index:1;background:linear-gradient(112deg,transparent 0 22%,rgba(255,255,255,.18) 31%,transparent 42% 58%,rgba(var(--magic-color),.16) 67%,transparent 78% 100%),radial-gradient(circle at var(--magic-x) var(--magic-y),rgba(var(--magic-color),.42) 0,rgba(var(--magic-color),.17) 20%,rgba(var(--magic-color),.06) 42%,transparent 62%),linear-gradient(145deg,#ffffff16,#ffffff05);opacity:calc(var(--magic-intensity) * .9);mix-blend-mode:screen}.magic-text-card:after{z-index:2;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 22%,rgba(255,255,255,.16) 48%,transparent 72%),radial-gradient(circle at var(--magic-x) var(--magic-y),rgba(var(--magic-color),1),rgba(255,255,255,.5) 28%,transparent 58%);opacity:var(--magic-intensity);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}.magic-text-card>.magic-refraction{z-index:2;background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.22) 17%,transparent 28%),radial-gradient(circle at calc(var(--magic-x) + 10%) calc(var(--magic-y) - 6%),rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at calc(var(--magic-x) - 12%) calc(var(--magic-y) + 12%),rgba(var(--magic-color),.2),transparent 32%);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff14;filter:blur(.2px) saturate(1.2);opacity:calc(var(--magic-intensity) * .72)}.magic-text-card>*:not(.magic-particle,.magic-ripple,.magic-refraction){position:relative;z-index:3}.magic-particle{position:absolute;z-index:4;width:4px;height:4px;border-radius:50%;background:rgba(var(--particle-color),1);box-shadow:0 0 8px rgba(var(--particle-color),.75),0 0 18px rgba(var(--particle-color),.35);pointer-events:none}.magic-ripple{position:absolute;z-index:5;border-radius:50%;background:radial-gradient(circle,rgba(var(--magic-color),.34) 0%,rgba(var(--magic-color),.18) 32%,transparent 70%);pointer-events:none}.hero-section{position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:#05060b}.hero-video,.hero-video:after,.hero-grid-overlay,.hero-video video{position:absolute;inset:0}.hero-video{z-index:-5;background:radial-gradient(circle at 20% 16%,rgba(73,231,255,.24),transparent 28%),radial-gradient(circle at 72% 24%,rgba(255,77,200,.22),transparent 30%),url(/assets/hero-poster.webp) center / cover no-repeat}.hero-video video{width:100%;height:100%;object-fit:cover;opacity:.54;filter:saturate(1.45) contrast(1.08) brightness(.58)}.hero-video:after{content:"";background:linear-gradient(180deg,#05060b4d,#05060b2e 38%,#05060beb),radial-gradient(circle at 50% 48%,rgba(255,255,255,.08),transparent 19%),radial-gradient(circle at 50% 62%,#05060b00,#05060be0 70%)}.hero-grid-overlay{z-index:-4;opacity:.82;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 22% 74%,rgba(140,255,106,.22),transparent 18%),radial-gradient(circle at 80% 66%,rgba(255,191,67,.22),transparent 20%);background-size:84px 84px,84px 84px,auto,auto;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0 56%,transparent 82%);mask-image:radial-gradient(circle at 50% 50%,black 0 56%,transparent 82%)}.hero-content{position:relative;display:flex;width:var(--shell);min-height:100vh;margin-inline:auto;flex-direction:column;justify-content:flex-end;padding:190px 0 74px}.hero-content h1{position:relative;z-index:1;max-width:1280px;margin:30px 0 34px;font-size:clamp(112px,9vw,170px);font-weight:950;line-height:.88;letter-spacing:0}.hero-content h1 span{display:block}.hero-content h1 span:last-child{color:transparent;background:linear-gradient(90deg,#fff,var(--cyan) 28%,var(--green) 48%,var(--amber) 68%,var(--pink));background-clip:text;-webkit-background-clip:text}.hero-bottom{position:relative;z-index:2;display:flex;max-width:1080px;align-items:flex-end;justify-content:space-between;gap:40px}.hero-bottom p{width:min(680px,100%);margin:0;color:#f7fbffc2;font-size:22px;line-height:1.7}.primary-action,.secondary-action{gap:10px;min-height:52px;padding:0 20px;border-radius:8px;font-size:15px;font-weight:900;white-space:nowrap}.primary-action{border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#49e7fffa,#8cff6af5 52%,#ffbf43fa);color:#07100f;box-shadow:0 20px 60px #49e7ff3d}.secondary-action{border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:var(--ink)}.experience-section{position:relative;background:radial-gradient(circle at 9% 20%,rgba(255,77,200,.12),transparent 28%),radial-gradient(circle at 86% 26%,rgba(73,231,255,.14),transparent 28%),linear-gradient(180deg,#05060b,#0b0e15 50%,#05060b)}.experience-grid{display:grid;grid-template-columns:minmax(420px,.72fr) 1fr;align-items:center;gap:84px}.portrait-wrap{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0d}.portrait-wrap:after{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(5,6,11,.62));content:""}.portrait-wrap img{width:100%;aspect-ratio:5 / 6;object-fit:cover}.experience-copy h2,.section-heading h2,.contact-content h2{margin:18px 0 0;font-size:clamp(54px,5vw,96px);line-height:.98;letter-spacing:0}.profile-text-card{padding:34px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:radial-gradient(circle at 12% 8%,rgba(73,231,255,.2),transparent 34%),radial-gradient(circle at 86% 10%,rgba(255,77,200,.18),transparent 32%),linear-gradient(145deg,#ffffff29,#ffffff0b 42%,#ffffff16),#05060b8a;box-shadow:0 34px 100px #00000061,0 0 70px #49e7ff21,inset 0 1px #ffffff42,inset 0 -1px #ffffff1a;backdrop-filter:blur(26px) saturate(1.48);-webkit-backdrop-filter:blur(26px) saturate(1.48)}.profile-text-card:before,.contact-text-panel:before{background:linear-gradient(112deg,transparent 0 16%,rgba(255,255,255,.32) 23%,rgba(73,231,255,.22) 27%,transparent 39% 58%,rgba(255,77,200,.2) 66%,transparent 78% 100%),repeating-linear-gradient(102deg,rgba(255,255,255,.035) 0 1px,transparent 1px 20px),radial-gradient(circle at var(--magic-x) var(--magic-y),rgba(var(--magic-color),.58),transparent 34%),radial-gradient(circle at 78% 18%,rgba(255,191,67,.16),transparent 30%);filter:saturate(1.35) contrast(1.08);mix-blend-mode:screen;opacity:.98}.profile-text-card:after,.contact-text-panel:after{padding:2px;background:linear-gradient(120deg,#ffffffd1,#49e7ffd6 22%,#8cff6ab8 43%,#ffbf43c7 62%,#ff4dc8d1 82%,#ffffffb3);opacity:.86}.profile-text-card>.magic-refraction,.contact-text-panel>.magic-refraction{background:linear-gradient(94deg,transparent 0 35%,rgba(255,255,255,.34) 43%,rgba(var(--magic-color),.16) 48%,transparent 58%),linear-gradient(104deg,transparent 0 25%,rgba(255,255,255,.28) 32%,rgba(73,231,255,.12) 39%,transparent 51%),linear-gradient(284deg,transparent 0 50%,rgba(255,77,200,.15) 57%,transparent 70%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.18),transparent 16%),radial-gradient(circle at 82% 76%,rgba(var(--magic-color),.28),transparent 28%);background-size:220% 100%,auto,auto,auto,auto;opacity:.95;filter:blur(.15px) saturate(1.45);animation:textRefractionDrift 7s ease-in-out infinite alternate}@keyframes textRefractionDrift{0%{transform:translate3d(-1.2%,-.8%,0) scale(1.015);background-position:120% 0,0 0,0 0,0 0,0 0;filter:hue-rotate(0deg) blur(.15px) saturate(1.35)}to{transform:translate3d(1.2%,.8%,0) scale(1.035);background-position:-20% 0,0 0,0 0,0 0,0 0;filter:hue-rotate(18deg) blur(.3px) saturate(1.55)}}.lead{max-width:820px;margin:34px 0 0;color:var(--muted);font-size:21px;line-height:1.8}.contact-lines{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.contact-lines a,.contact-lines span{gap:9px;min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0e;color:#f7fbffc7;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px}.stat-item{min-height:144px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff0a}.stat-item strong,.stat-item span{display:block}.stat-item strong{color:var(--ink);font-size:44px;line-height:1}.stat-item span{margin-top:18px;color:var(--dim);font-size:14px;line-height:1.55}.projects-section{background:linear-gradient(180deg,#05060bf5,#090b10fa),radial-gradient(circle at 50% 0%,rgba(140,255,106,.1),transparent 40%)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-heading h2{margin-top:14px}.section-heading.split p:last-child{max-width:560px;margin:0 0 10px;color:var(--muted);font-size:20px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0e1119}.project-card:nth-child(2),.project-card:nth-child(3){min-height:700px}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .7s ease,filter .7s ease}.project-card:after{position:absolute;inset:0;background:linear-gradient(180deg,#05060b1a,#05060b1a 38%,#05060be0),linear-gradient(90deg,#05060bb8,#05060b14 58%);content:""}.project-card:hover img{filter:saturate(1.22) contrast(1.05);transform:scale(1.055)}.project-info,.tag-row{position:absolute;z-index:1;left:28px;right:28px}.project-info{bottom:78px;display:flex;align-items:flex-start;gap:22px}.project-info>span{color:var(--green);font-size:14px;font-weight:900}.project-info h3{max-width:560px;margin:0;font-size:36px;line-height:1.05}.project-info p{margin:12px 0 0;color:#f7fbffad;font-size:16px}.tag-row{bottom:28px;display:flex;flex-wrap:wrap;gap:8px}.tag-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff14;color:#f7fbffc2;font-size:12px;font-weight:800}.motion-projects{margin-top:78px}.motion-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.motion-heading h3{margin:0;font-size:clamp(38px,4.2vw,72px);line-height:1}.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.motion-card{position:relative;overflow:hidden;min-height:520px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:linear-gradient(145deg,#ffffff13,#ffffff06),#080b12}.motion-frame{position:absolute;inset:0;overflow:hidden;background:#05060b}.motion-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#05060b;transform:scale(1.02)}.motion-placeholder{position:absolute;inset:0;display:grid;overflow:hidden;background:radial-gradient(circle at 22% 26%,rgba(73,231,255,.22),transparent 32%),radial-gradient(circle at 76% 22%,rgba(255,77,200,.18),transparent 34%),linear-gradient(135deg,#ffffff14,#ffffff05),#05060b;place-items:center}.motion-placeholder:before{position:absolute;inset:14%;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;content:"";opacity:.72}.motion-placeholder span{position:relative;z-index:1;color:#f7fbff9e;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.motion-card:after{position:absolute;inset:0;background:linear-gradient(180deg,#05060b0a,#05060b24 48%,#05060beb),linear-gradient(90deg,rgba(5,6,11,.72),transparent 58%);content:"";pointer-events:none}.motion-info{position:absolute;z-index:1;left:28px;right:28px;bottom:78px;display:flex;align-items:flex-start;gap:22px}.motion-info>span{color:var(--cyan);font-size:14px;font-weight:900}.motion-info h3{max-width:720px;margin:0;font-size:38px;line-height:1.04}.motion-info p{margin:12px 0 0;color:#f7fbffb8;font-size:16px}.motion-card .tag-row{z-index:1}.strengths-section{position:relative;background:radial-gradient(circle at 14% 22%,rgba(255,191,67,.13),transparent 30%),radial-gradient(circle at 82% 30%,rgba(255,77,200,.12),transparent 30%),#070910}.strength-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.strength-card{min-height:330px;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(145deg,#ffffff17,#ffffff08),#ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-box{display:grid;width:58px;height:58px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),transparent 22%),linear-gradient(135deg,#49e7ffdb,#ff4dc8c7 58%,#ffbf43eb);color:#07100f;place-items:center}.strength-card h3{margin:78px 0 0;font-size:28px;line-height:1.15}.strength-card p{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.72}.contact-section{position:relative;display:grid;min-height:100vh;overflow:hidden;align-items:center;background:radial-gradient(circle at 18% 26%,rgba(73,231,255,.2),transparent 28%),radial-gradient(circle at 76% 22%,rgba(255,77,200,.17),transparent 26%),radial-gradient(circle at 68% 82%,rgba(140,255,106,.16),transparent 24%),#05060b}.contact-section:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:92px 92px;content:"";-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)}.contact-art{position:absolute;top:14%;right:9%;color:#ffffff2e;filter:drop-shadow(0 0 58px rgba(73,231,255,.38));transform:rotate(-18deg)}.contact-content{position:relative;z-index:1}.contact-text-panel{padding:38px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:radial-gradient(circle at 16% 12%,rgba(255,191,67,.2),transparent 30%),radial-gradient(circle at 82% 18%,rgba(73,231,255,.18),transparent 34%),radial-gradient(circle at 74% 82%,rgba(255,77,200,.15),transparent 30%),linear-gradient(145deg,#ffffff26,#ffffff0a 46%,#ffffff14),#05060b73;box-shadow:0 34px 100px #00000061,0 0 80px #ffbf431f,inset 0 1px #ffffff42,inset 0 -1px #ffffff1a;backdrop-filter:blur(26px) saturate(1.48);-webkit-backdrop-filter:blur(26px) saturate(1.48)}.contact-content h2{max-width:1180px;font-size:clamp(72px,8vw,148px)}.contact-content>p:not(.section-label){max-width:760px;margin:34px 0 0;color:#f7fbffb8;font-size:22px;line-height:1.72}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}.contact-content footer{display:flex;width:100%;justify-content:space-between;gap:24px;margin-top:120px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);color:#f7fbff8a;font-size:14px}@media(max-width:1300px){body{min-width:1024px}:root{--shell: min(1700px, calc(100vw - 48px) )}.hero-content h1{font-size:104px}.stats-grid,.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid{grid-template-columns:420px 1fr;gap:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video video{display:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}