:root{color:#f7f8fb;background:#030407;font-family:Inter,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: clamp(22px, 5vw, 78px);--line: rgba(255, 255, 255, .16);--glass-line: rgba(235, 243, 255, .28);--glass-strong: rgba(236, 245, 255, .42);--muted: #9ca3af;--blue: #8db2ff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#030407}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% -8%,rgba(122,155,238,.24),transparent 32%),radial-gradient(circle at 84% 4%,rgba(224,239,255,.16),transparent 28%),radial-gradient(circle at 52% 52%,rgba(64,81,124,.14),transparent 34%),#030407;color:#f7f8fb;-webkit-font-smoothing:antialiased}body.viewer-open{overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b8ccff;outline-offset:4px}.site-shell{position:relative;min-height:100vh;overflow:clip}.site-shell:before{position:fixed;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:92px 92px;-webkit-mask-image:radial-gradient(circle at 50% 20%,black,transparent 76%);mask-image:radial-gradient(circle at 50% 20%,black,transparent 76%);opacity:.34;pointer-events:none;content:""}.site-shell:after{position:fixed;z-index:-1;inset:-22vh -18vw auto auto;width:70vw;height:80vh;border-radius:0 0 0 999px;background:radial-gradient(circle at 60% 28%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 28% 52%,rgba(97,130,214,.22),transparent 30%);filter:blur(38px);opacity:.52;pointer-events:none;content:""}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(70px);opacity:.55;pointer-events:none}.ambient--one{top:90px;right:-130px;width:420px;height:420px;background:#5274d23d}.ambient--two{bottom:14vh;left:-160px;width:360px;height:360px;background:#e1ebff1c}.glass-nav{position:fixed;z-index:80;top:18px;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(960px,calc(100% - 32px));min-height:62px;padding:8px 10px 8px 22px;border:1px solid var(--glass-strong);border-radius:999px;background:linear-gradient(118deg,rgba(255,255,255,.3),transparent 18%,rgba(255,255,255,.08) 46%,rgba(255,255,255,.22)),linear-gradient(180deg,#0d121eb8,#06080d8a),#090b10ad;box-shadow:inset 0 1px #ffffff94,inset 14px 0 34px #ffffff14,inset -18px -20px 44px #00000042,0 24px 70px #0000007a,0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(34px) saturate(165%) contrast(1.06);backdrop-filter:blur(34px) saturate(165%) contrast(1.06);transform:translate(-50%)}.glass-nav:after{position:absolute;inset:7px 12px auto 14px;height:20px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 58%);opacity:.7;pointer-events:none;content:""}.brand{font-weight:650;letter-spacing:.03em}.glass-nav nav{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff29}.glass-nav nav button,.resume-button,.hero-actions button,.hero-actions a,.project-links a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:999px;cursor:pointer}.glass-nav nav button{padding:0 16px;background:transparent;color:#c3c8d0;transition:background .18s ease,color .18s ease}.glass-nav nav button:hover{background:#ffffff1a;color:#fff}.resume-button{justify-self:end;padding:0 16px;border:1px solid rgba(255,255,255,.2);background:#ffffff0e;color:#f2f4f8}.menu-button{display:none;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff0f;cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:clamp(42px,7vw,100px);align-items:center;min-height:100vh;padding:132px var(--page) 76px}.eyebrow{margin:0;color:#aeb6c4;font-size:12px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}.hero h1{max-width:820px;margin:22px 0 0;font-size:clamp(48px,6.2vw,94px);font-weight:640;letter-spacing:-.065em;line-height:.96}.hero-copy p:not(.eyebrow),.contact-glass p{max-width:640px;margin:28px 0 0;color:#b8bec8;font-size:clamp(16px,1.45vw,20px);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-actions button,.hero-actions a,.project-links a{padding:0 18px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;box-shadow:inset 0 1px #fff3,0 16px 34px #00000042;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-actions button{border-color:#97b8ff85;background:#5d80da57}.hero-glass{position:relative;overflow:hidden;padding:clamp(14px,2vw,24px);border:1px solid var(--glass-strong);border-radius:clamp(30px,4vw,54px);background:linear-gradient(128deg,rgba(255,255,255,.28),transparent 22%,rgba(255,255,255,.08) 58%,rgba(255,255,255,.18)),radial-gradient(circle at 30% 12%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 76% 86%,rgba(117,148,226,.16),transparent 34%),#0e111899;box-shadow:inset 0 1px #ffffff9e,inset 28px 0 70px #ffffff14,inset -28px -30px 70px #00000057,0 46px 120px #0000008f,0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(32px) saturate(165%) contrast(1.05);backdrop-filter:blur(32px) saturate(165%) contrast(1.05)}.hero-glass:before{position:absolute;z-index:0;top:-20%;right:12%;width:22%;height:142%;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:linear-gradient(90deg,#ffffff29,#ffffff09),#ffffff0a;box-shadow:inset 16px 0 24px #ffffff21,inset -18px 0 34px #00000029;filter:blur(.2px);opacity:.78;pointer-events:none;transform:rotate(10deg);content:""}.hero-glass:after{position:absolute;z-index:0;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(255,255,255,.13);border-radius:calc(clamp(30px,4vw,54px) - 10px);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 20px 36px #ffffff0e;pointer-events:none;content:""}.floating-note{position:absolute;z-index:5;right:28px;bottom:28px;display:grid;gap:3px;max-width:280px;padding:16px 18px;border:1px solid rgba(255,255,255,.34);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%),#080a0e8a;box-shadow:inset 0 1px #ffffff61,inset 0 -18px 30px #ffffff09,0 20px 50px #0000004d;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.floating-note strong{font-size:15px}.floating-note span{color:#b7bdc8;font-size:12px}.photo-frame{position:relative;display:block;z-index:2;width:100%;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:30px;background:#f4f6faf5;box-shadow:inset 0 1px #ffffff70,inset 0 -24px 48px #ffffff0b,0 28px 70px #0000006b;cursor:zoom-in;isolation:isolate}.photo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none;transition:none}.photo-frame:hover img{filter:none;transform:none}.photo-frame:before{display:none}.glass-sheen{display:none}.photo-frame:hover .glass-sheen{left:18%}.zoom-label{position:absolute;z-index:4;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#080a0e99;color:#fff;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;transition:opacity .18s ease}.photo-frame:hover .zoom-label{opacity:1}.photo-frame--hero{aspect-ratio:1.58}.projects{display:grid;gap:34px;padding:20px var(--page) 90px}.project-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(22px,3vw,42px);border:1px solid var(--glass-strong);border-radius:42px;background:linear-gradient(128deg,rgba(255,255,255,.22),transparent 24%,rgba(255,255,255,.055) 62%,rgba(255,255,255,.16)),radial-gradient(circle at 88% 10%,rgba(152,178,245,.15),transparent 34%),#0c0f1694;box-shadow:inset 0 1px #ffffff85,inset 24px 0 58px #ffffff0e,inset -24px -28px 62px #00000047,0 30px 90px #0000006b;-webkit-backdrop-filter:blur(30px) saturate(160%) contrast(1.04);backdrop-filter:blur(30px) saturate(160%) contrast(1.04)}.project-card:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.1);border-radius:32px;pointer-events:none;content:""}.project-card:after{position:absolute;top:-42%;right:-6%;width:18%;height:160%;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0a;box-shadow:inset 12px 0 24px #ffffff1a;pointer-events:none;transform:rotate(12deg);content:""}.project-copy,.project-photos{position:relative;z-index:2}.project-no{color:#ffffff85;font-size:50px;font-weight:260;letter-spacing:-.06em}.project-copy h2,.skills-section h2,.contact-glass h2{margin:18px 0 0;font-size:clamp(34px,4.1vw,64px);font-weight:620;letter-spacing:-.055em;line-height:1.05}.role{margin:18px 0 0;color:#e3e7ef;font-size:17px}.summary{margin:16px 0 0;color:#abb3bf;line-height:1.76}.metric-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.metric-pills span,.skill-glass span{padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 38%),#ffffff0f;color:#d4d9e3;font-size:12px;box-shadow:inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-copy ul{display:grid;gap:10px;margin:26px 0 0;padding:0;color:#b8bfca;list-style:none}.project-copy li{position:relative;padding-left:18px;line-height:1.6}.project-copy li:before{position:absolute;top:.72em;left:0;width:5px;height:5px;border-radius:50%;background:#b8ccff;content:""}.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.project-photos{display:grid;gap:18px}.project-photos--2{grid-template-columns:1fr .72fr}.project-photos--1{grid-template-columns:1fr}.project-photos .photo-frame{aspect-ratio:1.52;border-radius:28px}.project-photos--2 .photo-frame:last-child{align-self:end;aspect-ratio:.92}.skills-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:36px;align-items:start;padding:20px var(--page) 80px}.skill-glass,.contact-glass{position:relative;overflow:hidden;border:1px solid var(--glass-strong);border-radius:36px;background:linear-gradient(128deg,rgba(255,255,255,.22),transparent 30%,rgba(255,255,255,.08)),#0c0f1694;box-shadow:inset 0 1px #ffffff7a,inset -20px -20px 52px #00000040,0 28px 78px #00000061;-webkit-backdrop-filter:blur(30px) saturate(156%);backdrop-filter:blur(30px) saturate(156%)}.skill-glass:before,.contact-glass:before{position:absolute;top:10px;right:12px;left:12px;height:24px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 70%);opacity:.62;pointer-events:none;content:""}.skill-glass{display:flex;flex-wrap:wrap;gap:12px;padding:28px}.contact-section{padding:0 var(--page) 80px}.contact-glass{padding:clamp(28px,4vw,52px)}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.contact-links a{display:inline-flex;min-height:44px;align-items:center;gap:9px;padding:0 15px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 44%),#ffffff0f;box-shadow:inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}footer{display:flex;justify-content:space-between;padding:26px var(--page) 38px;color:#7f8794;font-size:12px}.viewer{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#000000bd;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.viewer-card{position:relative;width:min(1180px,100%);max-height:calc(100vh - 40px);overflow:hidden;padding:16px;border:1px solid var(--glass-strong);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 30%),#0f1218b8;box-shadow:inset 0 1px #ffffff70,0 40px 120px #000000a8;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}.viewer-card button{position:absolute;z-index:2;top:24px;right:24px;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0000006b;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.viewer-card img{display:block;width:100%;max-height:calc(100vh - 72px);object-fit:contain;border-radius:22px}@media(max-width:980px){.hero,.project-card,.skills-section{grid-template-columns:1fr}.hero{padding-top:120px}}@media(max-width:680px){.glass-nav{grid-template-columns:1fr auto;border-radius:26px}.glass-nav nav{position:absolute;top:70px;right:0;left:0;display:none;padding:10px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 42%),#080a0ff0;box-shadow:inset 0 1px #ffffff38,0 24px 60px #0000006b;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}.glass-nav nav.is-open{display:grid}.resume-button{display:none}.menu-button{display:grid}.hero h1{font-size:clamp(42px,13vw,64px)}.hero-glass,.project-card,.skill-glass,.contact-glass{border-radius:28px}.floating-note{position:static;margin-top:14px}.project-photos--2{grid-template-columns:1fr}.project-photos--2 .photo-frame:last-child{aspect-ratio:1.15}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}