@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#0b0d12;--surface:#13161d;--surface-2:#171b23;--border:#232833;--border-strong:#353c49;--text:#eef0f4;--muted:#aab0bd;--dim:#7c8495;--accent:#88a8ff;--accent-soft:#88a8ff1f;--accent-line:#88a8ff59;--live:#74d6a0;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--s-8:8px;--s-16:16px;--s-24:24px;--s-32:32px;--s-40:40px;--s-56:56px;--s-80:80px;--s-112:112px;--r-card:12px;--r-btn:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 560px at 50% -8%, #88a8ff1a, transparent 62%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.6}.container{max-width:940px;padding:0 var(--s-24);margin:0 auto}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}nav{z-index:100;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0d12b8;position:sticky;top:0}.nav-inner{max-width:940px;padding:var(--s-16) var(--s-24);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:16px;font-weight:600;text-decoration:none}.nav-logo .expand{opacity:0;white-space:pre;vertical-align:bottom;max-width:0;transition:max-width 1.2s cubic-bezier(.22,1,.36,1),opacity 1.3s;display:inline-block;overflow:hidden}.nav-logo.expanded .expand{opacity:1;max-width:9ch}.nav-right{align-items:center;gap:var(--s-16);flex-wrap:wrap;display:flex}.nav-links{gap:var(--s-8);list-style:none;display:flex}.nav-links a{color:var(--muted);border-radius:var(--r-btn);padding:9px 11px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}.nav-links a:hover{background:var(--surface);color:var(--text)}.nav-lang{padding-left:var(--s-16);border-left:1px solid var(--border);align-items:center;gap:2px;display:flex}.nav-lang a{color:var(--dim);border-radius:4px;padding:6px 7px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.nav-lang a:hover{color:var(--text)}.nav-lang a.active{color:var(--accent)}.btn-primary,.btn-outlined{border-radius:var(--r-btn);padding:11px 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background:var(--text);color:var(--bg);transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-outlined{color:var(--muted);border:1px solid var(--border-strong);background:0 0;transition:border-color .15s,color .15s}.btn-outlined:hover{border-color:var(--accent-line);color:var(--text)}#hero{padding:var(--s-112) 0 var(--s-80)}.hero-name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin-bottom:var(--s-24);font-size:clamp(46px,8.5vw,78px);font-weight:500;line-height:1.02}.hero-role{color:var(--muted);max-width:34ch;margin-bottom:var(--s-24);font-size:clamp(18px,2.6vw,21px)}.hero-bio{color:var(--muted);max-width:62ch;margin-bottom:var(--s-40);font-size:16px;line-height:1.75}.hero-ctas{gap:var(--s-8);flex-wrap:wrap;display:flex}.df{position:relative}.df-ghost{visibility:hidden}.df-live{pointer-events:none;width:100%;position:absolute;top:0;left:0}section:not(#hero){padding:var(--s-80) 0;border-top:1px solid var(--border)}.section-label{color:var(--accent);margin-bottom:var(--s-32);font-size:13px;font-weight:600}.skills-groups{gap:var(--s-32);flex-direction:column;display:flex}.skill-group-label{color:var(--dim);margin-bottom:var(--s-16);font-size:13px;font-weight:600}.badges{gap:var(--s-8);flex-wrap:wrap;display:flex}.badge{background:var(--surface);color:var(--muted);border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.badge-accent{background:var(--accent-soft);color:var(--accent)}.projects-grid{gap:var(--s-16);grid-template-columns:1fr 1fr;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--s-32);gap:var(--s-16);flex-direction:column;transition:border-color .2s;display:flex}.project-card:hover{border-color:var(--border-strong)}.project-card.featured{background:linear-gradient(180deg, var(--accent-soft), transparent 40%), var(--surface-2);border-color:var(--accent-line);grid-column:1/-1}.project-header{justify-content:space-between;align-items:center;gap:var(--s-8);display:flex}.project-name{color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:600}.tag-status{background:var(--surface);color:var(--dim);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500}.tag-status.live{color:var(--live);background:#74d6a014;border-color:#74d6a066}.project-desc{color:var(--dim);flex:1;font-size:14px;line-height:1.65}.project-footer{justify-content:space-between;align-items:center;gap:var(--s-8);flex-wrap:wrap;display:flex}.project-link{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none}.project-link:hover{text-decoration:underline}.project-note{color:var(--dim);font-size:13px}.contact-list{gap:var(--s-16);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--s-16);color:var(--muted);font-size:16px;text-decoration:none;transition:color .15s;display:flex}.contact-item:hover{color:var(--text)}.contact-note{color:var(--dim)}.contact-icon{color:var(--accent);flex-shrink:0;width:20px;height:20px}footer{border-top:1px solid var(--border);padding:var(--s-32) 0;text-align:center;color:var(--dim);font-size:14px}@media (width<=768px){.container{padding:0 20px}#hero{padding:var(--s-56) 0 var(--s-56)}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas a{text-align:center}section:not(#hero){padding:var(--s-56) 0}.projects-grid{grid-template-columns:1fr}.project-card{padding:22px}.nav-inner{padding:14px 20px}.nav-links{display:none}.nav-lang{border-left:none;padding-left:0}.nav-lang a{padding:10px;font-size:13px}.contact-item{flex-wrap:wrap;gap:12px}.contact-note{flex-basis:100%;margin-left:32px}}