:root{--bg:#0f1218;--surface:#171d27;--surface-soft:#1d2633;--surface-border:#2a3648;--text-main:#dde5f2;--text-muted:#a6b2c6;--accent:#2ea77a;--accent-soft:#173f33;--focus:#53c093;--content-width:min(1120px, calc(100vw - 2.5rem));color:var(--text-main);background:var(--bg);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at 10% -20%,#2ea77a24,#0000 35%),radial-gradient(circle at 95% 15%,#5f8ae01f,#0000 35%),linear-gradient(#0f1218 0%,#111722 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{flex-direction:column;min-height:100dvh;display:flex}.container{width:var(--content-width);margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1218c7;border-bottom:1px solid #2a3648bf;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand strong{letter-spacing:.025em;font-size:1.02rem}.main-nav{border:1px solid var(--surface-border);background:#171d27e6;border-radius:999px;gap:.2rem;padding:.2rem;display:inline-flex}.nav-link{color:var(--text-muted);letter-spacing:.01em;border-radius:999px;padding:.48rem .95rem;font-size:.88rem;transition:color .22s,background-color .22s}.nav-link:hover,.nav-link:focus-visible{color:var(--text-main);background:#2a3648bf}.nav-link.is-active{color:#d2f4e7;background:#2ea77a3d}.page-flow{gap:2rem;padding:3.25rem 0 6rem;display:grid}.section-block,.hero-panel,.cta-panel{border:1px solid var(--surface-border);background:linear-gradient(160deg,#1c2330e6,#171d27d1);border-radius:1.4rem;padding:clamp(1.45rem,1.2rem + 1.5vw,2.35rem)}.eyebrow{color:#8dcdb2;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.74rem;font-weight:600}h1,h2,h3,p{margin:0}h1,.detail-title{letter-spacing:-.03em;font-size:clamp(1.6rem,1.25rem + 2vw,2.9rem);line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(1.3rem,1.15rem + 1.1vw,1.9rem);line-height:1.2}h3{font-size:1.1rem;line-height:1.25}.hero-panel,.cta-panel{gap:1.25rem;display:grid}.hero-copy,.section-copy{color:var(--text-muted);max-width:66ch;line-height:1.6}.hero-actions,.cta-actions{flex-wrap:wrap;gap:.9rem;display:flex}.button{border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;padding:.68rem 1rem;font-size:.92rem;font-weight:500;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.button:active{transform:translateY(1px)}.button:focus-visible,.filter-chip:focus-visible,.text-link:focus-visible,.nav-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.button-primary{color:#10221c;background:linear-gradient(145deg,#51c197,#2ea77a)}.button-primary:hover{background:linear-gradient(145deg,#66d0a8,#3ab385)}.button-secondary{color:var(--text-main);border-color:var(--surface-border);background:var(--surface-soft)}.button-secondary:hover{border-color:#2ea77a80}.section-heading{gap:.85rem;margin-bottom:1.6rem;display:grid}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;display:grid}.skill-group{border:1px solid var(--surface-border);background:#171d27b8;border-radius:1rem;padding:1.2rem}.skill-group ul{flex-wrap:wrap;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.skill-group li{color:#c8d3e3;border:1px solid #2a3648e6;border-radius:999px;padding:.32rem .62rem;font-size:.78rem}.project-stack{gap:1rem;display:grid}.project-card,.listing-card{border:1px solid var(--surface-border);background:#171d27c7;border-radius:1rem;gap:1rem;padding:1.2rem;display:grid}.project-card-head,.listing-card{gap:.6rem;display:grid}.domain-pill{color:#b8e8d3;letter-spacing:.04em;text-transform:uppercase;background:#2ea77a1a;border:1px solid #2ea77a66;border-radius:999px;width:fit-content;padding:.28rem .62rem;font-size:.73rem}.metric-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin:0;display:grid}.metric-item{background:#10141ccc;border:1px solid #2a3648f2;border-radius:.75rem;padding:.7rem}.metric-item dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.metric-item dd{letter-spacing:.01em;margin:.35rem 0 0;font-weight:600}.text-link{color:#87d6b4;border-bottom:1px solid #0000;width:fit-content;transition:border-color .18s}.text-link:hover{border-color:currentColor}.filter-row{flex-wrap:wrap;gap:.6rem;display:flex}.filter-chip{border:1px solid var(--surface-border);color:var(--text-main);font:inherit;cursor:pointer;background:#171d27db;border-radius:999px;padding:.4rem .8rem;font-size:.83rem;transition:background-color .2s,border-color .2s}.filter-chip.is-active{color:#cff4e5;background:#2ea77a33;border-color:#2ea77a99}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.25rem;display:grid}.tool-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tool-list li{color:#c8d3e3;border:1px solid #2a3648d9;border-radius:999px;padding:.28rem .56rem;font-size:.74rem}.project-detail-head{gap:.8rem;display:grid}.muted-link{color:var(--text-muted)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.detail-list{color:var(--text-muted);gap:.6rem;margin:0;padding-left:1rem;line-height:1.5;display:grid}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.25rem;display:grid}.asset-card{border:1px solid var(--surface-border);background:#10141ccc;border-radius:.95rem;margin:0;overflow:hidden}.asset-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.asset-card figcaption{gap:.35rem;padding:.8rem;display:grid}.asset-card span{text-transform:uppercase;letter-spacing:.07em;color:#8dcdb2;font-size:.72rem}.asset-card p,.listing-card p,.project-card p{color:var(--text-muted)}.external-links{flex-wrap:wrap;gap:.9rem;margin-top:1rem;display:flex}.resume-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.resume-skill-group{gap:.45rem;margin-top:.9rem;display:grid}.resume-skill-group p{color:var(--text-muted);line-height:1.5}.contact-panel{gap:1.25rem;display:grid}.contact-list{border:1px solid var(--surface-border);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.contact-list li{border-bottom:1px solid #2a364899;gap:.3rem;padding:.85rem 1rem;display:grid}.contact-list li:last-child{border-bottom:0}.contact-list span{text-transform:uppercase;letter-spacing:.08em;color:#8dcdb2;font-size:.78rem}.contact-list a{color:#b6d6f4;word-break:break-word}.muted-note{color:var(--text-muted)}.footer{background:#0f1218d1;border-top:1px solid #2a3648bf;margin-top:auto}.footer-inner{color:var(--text-muted);justify-content:space-between;gap:1rem;padding:1.3rem 0 1.6rem;font-size:.86rem;display:flex}.footer-email{color:#b6d6f4}@media (width<=900px){.topbar-inner,.resume-header,.footer-inner{flex-direction:column;align-items:flex-start}.skills-grid,.listing-grid,.detail-grid,.asset-grid{grid-template-columns:1fr}.main-nav{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:no-preference){.hero-panel,.section-block,.cta-panel,.project-card,.listing-card,.asset-card{animation:.5s both rise-in}.project-card,.listing-card,.asset-card{transition:transform .26s,border-color .26s}.project-card:hover,.listing-card:hover,.asset-card:hover{border-color:#2ea77a8c;transform:translateY(-2px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}