:root{--ink: #0a0a0a;--ink-90: #111111;--ink-80: #1a1a1a;--ink-70: #222222;--text: #f0f0f0;--text-dim: rgba(240,240,240,.55);--text-faint:rgba(240,240,240,.3);--accent: #4d7cb5;--accent-hi: #6b9bd4;--border: rgba(255,255,255,.09);--border-md: rgba(255,255,255,.16);--border-hi: rgba(255,255,255,.28);--font-display: "Cormorant Garamond", serif;--font-body: "Outfit", sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.vis{opacity:1;transform:translateY(0)}.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}.rd5{transition-delay:.5s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px 52px;border-bottom:1px solid var(--border);background:#0a0a0ae0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:padding .4s}.nav.scrolled{padding:16px 52px}.nav-logo{font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-hi);animation:blink 3s infinite}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);transition:color .25s}.nav-links a:hover{color:var(--text)}.nav-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 22px;background:var(--text);color:var(--ink);font-weight:400;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:140px 52px 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 100%);pointer-events:none}.hero-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:28px;animation:up .9s ease both}.hero-h1{font-family:var(--font-display);font-weight:300;font-size:clamp(56px,8vw,108px);line-height:.92;letter-spacing:-.015em;margin-bottom:32px;animation:up .9s .15s ease both}.hero-h1 em{font-style:italic;color:var(--text-dim)}.hero-sub{font-family:var(--font-body);font-weight:300;font-size:clamp(16px,1.6vw,20px);color:var(--text-dim);max-width:560px;line-height:1.7;margin-bottom:48px;animation:up .9s .3s ease both}.hero-actions{display:flex;gap:16px;align-items:center;animation:up .9s .45s ease both;flex-wrap:wrap}.hero-stats{display:flex;gap:48px;margin-top:80px;padding-top:48px;border-top:1px solid var(--border);animation:up .9s .6s ease both;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-num{font-family:var(--font-display);font-size:42px;font-weight:300;line-height:1;letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.btn-p{display:inline-block;background:var(--text);color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:16px 36px;transition:opacity .2s}.btn-p:hover{opacity:.85}.btn-g{display:inline-block;border:1px solid var(--border-md);background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:16px 28px;transition:color .25s,border-color .25s}.btn-g:hover{color:var(--text);border-color:var(--border-hi)}.section{padding:120px 52px;max-width:1200px;margin:0 auto}.section-full{padding:120px 52px}.section-inner{max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:20px}.section-h2{font-family:var(--font-display);font-weight:300;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.01em;margin-bottom:24px}.section-lead{font-size:17px;color:var(--text-dim);max-width:580px;line-height:1.75}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:64px}.about-body{font-size:17px;color:var(--text-dim);line-height:1.85}.about-body p+p{margin-top:20px}.about-body strong{color:var(--text);font-weight:400}.about-pillars{display:flex;flex-direction:column;gap:2px}.pillar{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.pillar:first-child{border-top:1px solid var(--border)}.pillar-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-faint);padding-top:3px;min-width:28px}.pillar-title{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text);margin-bottom:4px}.pillar-body{font-size:14px;color:var(--text-dim);line-height:1.65}.exp-section{background:var(--ink-90)}.exp-list{margin-top:64px;display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:200px 1fr;gap:48px;padding:40px 0;border-bottom:1px solid var(--border);position:relative}.exp-item:first-child{border-top:1px solid var(--border)}.exp-meta{padding-top:4px}.exp-period{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-faint);margin-bottom:8px}.exp-company{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--accent-hi);text-transform:uppercase}.exp-role{font-family:var(--font-display);font-size:28px;font-weight:300;letter-spacing:-.01em;margin-bottom:12px;line-height:1.1}.exp-desc{font-size:15px;color:var(--text-dim);line-height:1.75;max-width:640px;margin-bottom:20px}.exp-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);padding:5px 12px;transition:color .25s,border-color .25s}.tag:hover{color:var(--text-dim);border-color:var(--border-md)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px}.proj-card{background:var(--ink-80);border:1px solid var(--border);padding:36px 32px;position:relative;overflow:hidden;transition:border-color .3s,background .3s}.proj-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-hi);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}.proj-card:hover{border-color:var(--border-md);background:var(--ink-70)}.proj-card:hover:before{transform:scaleY(1)}.proj-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-faint);margin-bottom:20px}.proj-title{font-family:var(--font-display);font-size:26px;font-weight:300;letter-spacing:-.01em;margin-bottom:12px;line-height:1.15}.proj-domain{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:16px}.proj-desc{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:24px}.proj-stack{display:flex;flex-wrap:wrap;gap:6px}.proj-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);padding:4px 10px}.skills-section{background:var(--ink-90)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:64px}.skill-group{background:var(--ink-80);border:1px solid var(--border);padding:32px 28px}.skill-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:20px}.skill-list{list-style:none;display:flex;flex-direction:column;gap:10px}.skill-list li{font-size:14px;color:var(--text-dim);display:flex;align-items:center;gap:10px;line-height:1.4}.skill-list li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border-md);flex-shrink:0}.achieve-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:64px}.achieve-card{background:var(--ink-80);border:1px solid var(--border);padding:40px 36px;transition:border-color .3s,background .3s}.achieve-card:hover{border-color:var(--border-md);background:var(--ink-70)}.achieve-icon{font-family:var(--font-mono);font-size:24px;margin-bottom:20px;color:var(--text-dim);line-height:1}.achieve-title{font-family:var(--font-display);font-size:24px;font-weight:300;margin-bottom:8px}.achieve-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:14px}.achieve-body{font-size:14px;color:var(--text-dim);line-height:1.7}.cta-section{padding:140px 52px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.cta-inner{position:relative;max-width:640px;margin:0 auto}.cta-h2{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);font-weight:300;line-height:1;letter-spacing:-.015em;margin-bottom:24px}.cta-sub{font-size:17px;color:var(--text-dim);line-height:1.7;margin-bottom:48px}.cta-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer{padding:32px 52px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-copy{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-faint)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);transition:color .25s}.footer-links a:hover{color:var(--text-dim)}.divider{width:100%;height:1px;background:var(--border)}@media(max-width:960px){.nav{padding:18px 28px}.nav.scrolled{padding:14px 28px}.nav-links{display:none}.hero{padding:120px 28px 80px}.hero-stats{gap:32px}.section,.section-full{padding:80px 28px}.cta-section{padding:100px 28px}.footer{padding:24px 28px}.about-grid{grid-template-columns:1fr;gap:48px}.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.achieve-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero{padding:100px 20px 64px}.section,.section-full{padding:64px 20px}.cta-section{padding:80px 20px}.footer{padding:20px;flex-direction:column;align-items:flex-start}.exp-item{grid-template-columns:1fr;gap:12px}.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.hero-actions{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.reveal,.hero-tag,.hero-h1,.hero-sub,.hero-actions,.hero-stats{animation:none;opacity:1;transform:none;transition:none}}