:root{--bg: #05070a;--bg-soft: #080a0f;--panel: rgba(16, 20, 28, .72);--panel-solid: #10141c;--panel-high: #151a24;--line: rgba(206, 224, 238, .13);--line-strong: rgba(139, 205, 221, .42);--text: #f3f7f8;--muted: #a8b0b8;--dim: #6f7882;--accent: #8bcddd;--accent-soft: rgba(139, 205, 221, .14);--shell: min(1700px, calc(100vw - 96px) );--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:1180px;margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 18%,rgba(139,205,221,.08),transparent 28%),radial-gradient(circle at 82% 12%,rgba(136,154,172,.08),transparent 24%),linear-gradient(180deg,#05070a,#080a0f 45%,#05070a);letter-spacing:0}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;content:"";opacity:.34;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;content:"";opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}.site-header{position:fixed;top:0;left:0;z-index:40;width:100%;transition:background .36s var(--ease),border-color .36s var(--ease),backdrop-filter .36s var(--ease)}.site-header.is-scrolled{border-bottom:1px solid var(--line);background:#05070a94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;height:86px}.logo{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.12em}.nav-links{display:flex;gap:34px;color:var(--muted);font-size:13px}.nav-links a{transition:color .22s ease}.nav-links a:hover{color:var(--text)}.hero{position:relative;display:grid;min-height:100vh;overflow:hidden;place-items:center;isolation:isolate}.hero-video,.hero-fallback,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-video,.hero-fallback{z-index:-4;object-fit:cover}.hero-fallback{z-index:-5;background:linear-gradient(125deg,rgba(139,205,221,.12),transparent 28%),radial-gradient(circle at 38% 42%,rgba(255,255,255,.11),transparent 2px),radial-gradient(circle at 62% 48%,rgba(139,205,221,.16),transparent 1px),linear-gradient(145deg,#0d1118,#05070a 58%)}.hero-shade{z-index:-3;background:linear-gradient(180deg,#05070ac2,#05070a7a 46%,#05070aeb),radial-gradient(circle at 50% 48%,transparent 0%,rgba(5,7,10,.54) 74%)}.hero-content{padding-top:72px;will-change:transform}.eyebrow{margin:0 0 22px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:1120px;margin:0;font-size:clamp(86px,7.2vw,150px);font-weight:600;line-height:.95}.hero h1 span{display:block}.hero-intro{max-width:560px;margin:34px 0 0;color:var(--muted);font-size:18px;line-height:1.8}.floating-cta{position:fixed;right:44px;bottom:38px;z-index:45;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#10141cad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s var(--ease),border-color .22s ease,background .22s ease}.floating-cta:hover{border-color:var(--line-strong);background:#151a24d1;transform:translateY(-3px)}.scroll-mark{position:absolute;bottom:42px;left:50%;width:1px;height:72px;overflow:hidden;background:#ffffff1f}.scroll-mark span{display:block;width:1px;height:24px;background:var(--accent);animation:scrollMark 1.8s var(--ease) infinite}.section{padding:150px 0}.section-reveal{opacity:0;transform:translateY(28px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.section-reveal.is-visible{opacity:1;transform:translateY(0)}.section-heading{max-width:840px;margin-bottom:58px}.section-heading h2,.about-panel h2,.contact-footer h2,.detail-hero h1{margin:0;color:var(--text);font-size:clamp(42px,4vw,76px);font-weight:560;line-height:1.04}.section-copy{max-width:760px;margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.about-grid{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(620px,1.35fr);gap:34px;align-items:stretch}.portrait-card,.glass-panel,.project-card,.skill-card{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.portrait-card{display:grid;min-height:660px;overflow:hidden;border-radius:8px;place-items:end center;background:radial-gradient(circle at 52% 26%,rgba(139,205,221,.16),transparent 24%),linear-gradient(180deg,#151a24,#0a0d13)}.portrait-card img{width:min(78%,470px);margin-bottom:-1px;filter:saturate(.82) contrast(1.04)}.about-panel{display:flex;min-height:660px;flex-direction:column;justify-content:space-between;padding:58px;border-radius:8px}.info-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;padding-top:56px}.info-grid h3{margin:0 0 20px;color:var(--dim);font-size:13px;font-weight:650;text-transform:uppercase}.info-grid a{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--text)}.info-grid a span,.stat span,.project-meta span{color:var(--dim);font-size:12px;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat{min-height:118px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#ffffff06}.stat strong{display:block;margin-bottom:12px;font-size:38px;font-weight:560}.projects{padding-top:80px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:22px}.project-card{overflow:hidden;border-radius:8px;transition:transform .32s var(--ease),border-color .32s ease,background .32s ease}.project-card.is-featured{grid-column:span 2;grid-row:span 2}.project-card:hover{border-color:var(--line-strong);background:#151a24d1;transform:translateY(-8px)}.project-card a{display:grid;height:100%;min-height:520px}.project-card.is-featured a{min-height:760px}.project-image-wrap{overflow:hidden;background:#0b0f15}.project-image-wrap img{width:100%;height:100%;min-height:380px;object-fit:cover;transition:transform .6s var(--ease),filter .32s ease}.project-card:hover img{filter:saturate(1.08);transform:scale(1.045)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 28px 4px}.project-meta h3{margin:10px 0 0;font-size:26px;font-weight:560}.project-meta p{margin:0;color:var(--muted)}.project-link,.text-link,.back-link,.mail-link{display:inline-flex;align-items:center;gap:10px}.project-link{align-self:end;padding:0 28px 28px;color:var(--accent);font-size:14px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card{position:relative;min-height:240px;overflow:hidden;padding:30px;border-radius:8px;transition:transform .28s var(--ease),border-color .28s ease,background .28s ease}.skill-card:after{position:absolute;inset:auto 24px 24px auto;width:110px;height:110px;content:"";opacity:0;background:radial-gradient(circle,rgba(139,205,221,.18),transparent 68%);transition:opacity .28s ease}.skill-card svg{color:var(--accent);transition:transform .28s var(--ease)}.skill-card h3{max-width:260px;margin:88px 0 0;font-size:24px;font-weight:540;line-height:1.24}.skill-card:hover{border-color:var(--line-strong);background:#151a24d1;transform:translateY(-5px)}.skill-card:hover:after{opacity:1}.skill-card:hover svg{transform:translate(6px,-6px)}.contact-footer{position:relative;display:grid;min-height:96vh;overflow:hidden;place-items:center;background:linear-gradient(180deg,#05070a00,#05070a),radial-gradient(circle at 52% 34%,rgba(139,205,221,.11),transparent 34%)}.contact-shell{text-align:center}.contact-footer h2{max-width:1100px;margin-inline:auto;font-size:clamp(76px,7vw,138px)}.contact-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px}.mail-link,.text-link,.back-link{border:1px solid var(--line);border-radius:999px;transition:border-color .22s ease,background .22s ease,transform .22s var(--ease)}.mail-link,.text-link{padding:15px 20px;background:#10141c94}.mail-link:hover,.text-link:hover,.back-link:hover{border-color:var(--line-strong);background:#151a24b8;transform:translateY(-2px)}.social-row{display:flex;justify-content:center;gap:28px;margin-top:72px;color:var(--muted);font-size:14px}.social-row a{transition:color .22s ease}.social-row a:hover{color:var(--text)}.detail-page{min-height:100vh;padding:48px 0 120px;background:var(--bg)}.detail-shell{max-width:1320px}.back-link{padding:12px 16px;color:var(--muted)}.detail-hero{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:120px 0 44px}.detail-year{color:var(--accent);font-size:42px}.detail-image{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid)}.detail-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:44px;padding-top:42px}.detail-copy p{max-width:760px;margin:0;color:var(--muted);font-size:18px;line-height:1.8}@keyframes scrollMark{0%{transform:translateY(-26px)}to{transform:translateY(74px)}}@media(max-width:1280px){body{min-width:1000px}:root{--shell: min(1700px, calc(100vw - 56px) )}.hero h1{font-size:86px}}