:root{--font-heading:"Space Grotesk",sans-serif;--font-body:"Source Sans 3",sans-serif;--bg-a:#b4d8fb;--bg-b:#fabdfb;--ink:#1d2528;--muted:#5c6b72;--card:#ffffffbf;--accent:#11636d;--accent-soft:#d8f0f2;--border:#0f202729;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);font-family:var(--font-body);background:linear-gradient(125deg,var(--bg-a),var(--bg-b)),linear-gradient(#11636d0d 1px,transparent 1px),linear-gradient(90deg,#11636d0d 1px,transparent 1px);background-position:50%;background-size:cover,24px 24px,24px 24px}a{color:var(--accent);text-decoration-thickness:.08em}a:hover{text-decoration:none}h1,h2,h3{font-family:var(--font-heading);margin:0;line-height:1.1}p{margin:0}main{padding:var(--space-4)var(--space-3)var(--space-6)}.shell{max-width:1024px;margin:0 auto}.site-nav{padding:var(--space-3)}.nav-frame{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--border);background:linear-gradient(120deg,#ffffffe6,#d8f0f28c);border-radius:999px;padding:.5rem .65rem .5rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #11636d24}.nav-frame:after{content:"";pointer-events:none;background:radial-gradient(circle,#11636d33,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:-92px;right:-48px}.nav-brand{font-family:var(--font-heading);color:var(--ink);letter-spacing:.02em;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-brand-mark{color:#fff;background:var(--accent);border-radius:999px;place-items:center;width:1.45rem;height:1.45rem;font-size:.7rem;display:inline-grid;box-shadow:0 0 0 4px #11636d29}.nav-links{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-weight:600;text-decoration:none;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.nav-link:hover{background:#11636d1a;transform:translateY(-1px)}.nav-link.active{color:#fff;background:var(--accent);box-shadow:0 6px 16px #11636d47}.page{gap:var(--space-4);display:grid}.hero{gap:var(--space-2);display:grid}.hero h1{font-size:clamp(2rem,6vw,3.5rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.85rem}.grid-two{gap:var(--space-4);display:grid}.stack{gap:var(--space-3);display:grid}.card{border:1px solid var(--border);padding:var(--space-4);background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:var(--space-2);border-radius:16px;display:grid}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.inline-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--accent);background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.muted{color:var(--muted)}.resume-object{border:1px solid var(--border);border-radius:12px;width:100%;min-height:min(80vh,860px)}.project-embed{margin-top:var(--space-2);gap:var(--space-2);display:grid}.project-embed iframe{border:1px solid var(--border);background:#fff;border-radius:12px}.markdown{gap:var(--space-3);display:grid}.markdown pre{padding:var(--space-2);background:#0000000d;border-radius:8px;overflow-x:auto}.section-fade{animation:.45s ease-out both section-fade}.stagger-group>.stagger-item{opacity:0;animation:.38s ease-out forwards item-rise;transform:translateY(8px)}.stagger-group>.stagger-item:first-child{animation-delay:80ms}.stagger-group>.stagger-item:nth-child(2){animation-delay:.14s}.stagger-group>.stagger-item:nth-child(3){animation-delay:.2s}@keyframes section-fade{0%{opacity:0}to{opacity:1}}@keyframes item-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:760px){main{padding:var(--space-5)var(--space-4)var(--space-6)}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.nav-frame{border-radius:20px;flex-direction:column;align-items:stretch;padding:.75rem}.nav-links{justify-content:center}.nav-link{flex:1}}