.grain-overlay{pointer-events:none;z-index:9990;opacity:.032;mix-blend-mode:overlay;will-change:auto;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;width:100vw;height:100vh;position:fixed;inset:0}:root{--bg:#0a0a0a;--bg-elev:#111;--bg-card:#ffffff06;--border:#ffffff12;--border-hover:#ffffff2e;--text-1:#e2e8f0;--text-2:#94a3b8;--text-3:#64748b;--accent:#c8f135;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2.5rem}.page-wrapper{padding-top:64px}.section{padding:9rem 0}.divider{background:var(--border);width:100%;height:1px}.page-viewport{flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:4rem 0;display:flex}.home-layout{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.stats-grid{border:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.projects-header-row{justify-content:space-between;align-items:baseline;margin-bottom:1.75rem;display:flex}.blog-layout{grid-template-columns:1fr 2fr;align-items:center;gap:6rem;display:grid}.contact-layout{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.nav-root{z-index:1000;transition:background .35s var(--ease), backdrop-filter .35s var(--ease), border-color .35s;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav-root.is-scrolled{-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border);background:#0a0a0ad9}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 2.5rem;display:flex}.nav-logo{letter-spacing:.12em;text-transform:uppercase;color:var(--text-1);font-size:.8rem;font-weight:700;transition:color .2s}.nav-logo:hover{color:var(--accent)}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);padding-bottom:2px;font-size:.76rem;font-weight:500;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-1)}.nav-link:hover:after,.nav-link.is-active:after{transform-origin:0;transform:scaleX(1)}.nav-link.is-active{color:var(--text-1)}.nav-resume{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-2);border-radius:3px;padding:.5rem 1.1rem;font-size:.76rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.nav-resume:hover{border-color:var(--accent);color:var(--accent);background:#c8f1350f}.hero{align-items:center;min-height:100vh;padding:8rem 0 6rem;display:flex}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:2.5rem;font-size:.72rem}.hero-title{letter-spacing:-.035em;color:var(--text-1);margin-bottom:3rem;font-size:clamp(4.5rem,9.5vw,9rem);font-weight:800;line-height:.9}.hero-title em{color:var(--text-2);font-style:normal}.hero-desc{color:var(--text-2);max-width:500px;margin-bottom:3.5rem;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;transition:all .2s var(--ease);white-space:nowrap;border-radius:3px;align-items:center;gap:.4rem;padding:.85rem 1.75rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-1);color:var(--bg);border:1px solid var(--text-1)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translateY(-1px)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-1);transform:translateY(-1px)}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.68rem;font-weight:500;display:flex}.section-label:after{content:"";background:var(--text-3);width:32px;height:1px;display:inline-block}.section-title{letter-spacing:-.025em;color:var(--text-1);margin-bottom:4.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.1}.about-layout{grid-template-columns:1fr 1fr;align-items:start;gap:7rem;display:grid}.about-text{color:var(--text-2);font-size:1.1rem;line-height:1.9}.about-text p+p{margin-top:1.5rem}.about-text strong{color:var(--text-1);font-weight:500}.about-stats{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.about-stat{border-top:1px solid var(--border);padding-top:1.5rem}.about-stat-num{letter-spacing:-.04em;color:var(--text-1);margin-bottom:.5rem;font-size:3.5rem;font-weight:700;line-height:1}.about-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.76rem;font-weight:500}.skills-grid{border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.skill-group{border-right:1px solid var(--border);padding:2rem}.skill-group:last-child{border-right:none}.skill-group-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1rem;font-size:.68rem}.skill-list{flex-direction:column;gap:.6rem;display:flex}.skill-item{color:var(--text-2);font-size:.92rem;transition:color .2s}.skill-item:hover{color:var(--text-1)}.projects-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.project-card{background:var(--bg);transition:background .25s var(--ease);flex-direction:column;gap:1rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .25s;position:absolute;inset:0}.project-card:hover{background:#ffffff08}.project-card:hover:after{border-color:#ffffff24}.project-index{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;font-size:.68rem}.project-name{letter-spacing:-.01em;color:var(--text-1);font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .2s}.project-card:hover .project-name{color:var(--accent)}.project-blurb{color:var(--text-2);flex:1;font-size:.92rem;line-height:1.75}.project-pills{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.project-pill{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);border:1px solid var(--border);border-radius:2px;padding:.25rem .6rem;font-size:.66rem}.project-footer{border-top:1px solid var(--border);align-items:center;gap:1.5rem;margin-top:.25rem;padding-top:.5rem;display:flex}.project-cta{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;transition:color .2s;display:flex}.project-cta:hover{color:var(--text-1)}.blog-list{border-top:1px solid var(--border)}.blog-row{border-bottom:1px solid var(--border);transition:padding .2s var(--ease);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2.25rem 0;display:grid}.blog-row:hover{padding-left:.75rem}.blog-row-title{color:var(--text-1);margin-bottom:.4rem;font-size:1.1rem;font-weight:500;line-height:1.4;transition:color .2s}.blog-row:hover .blog-row-title{color:var(--accent)}.blog-row-meta{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;font-size:.7rem}.blog-arrow{color:var(--text-3);font-size:1.1rem;transition:color .2s,transform .2s}.blog-row:hover .blog-arrow{color:var(--text-1);transform:translate(5px)}.contact-wrap{max-width:720px}.contact-heading{letter-spacing:-.035em;color:var(--text-1);margin-bottom:1.75rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.02}.contact-sub{color:var(--text-2);max-width:480px;margin-bottom:3.5rem;font-size:1.05rem;line-height:1.8}.contact-socials{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.contact-social{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;transition:color .2s;display:flex}.contact-social:hover{color:var(--text-1)}.contact-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-3);letter-spacing:.08em;margin-top:6rem;padding-top:3rem;font-size:.72rem}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-group{border-bottom:1px solid var(--border);border-right:none}.skill-group:nth-child(odd){border-right:1px solid var(--border)}.skill-group:last-child,.skill-group:nth-last-child(2):nth-child(odd){border-bottom:none}.about-layout{grid-template-columns:1fr;gap:4rem}.projects-grid{grid-template-columns:1fr}.page-viewport{min-height:auto;padding:6rem 0 2.5rem}.home-layout{grid-template-columns:1fr;gap:3rem}.stats-grid{grid-template-columns:1fr 1fr}.blog-layout,.contact-layout{grid-template-columns:1fr;gap:3rem}.projects-header-row{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=640px){.container{padding:0 1.25rem}.page-viewport{padding-top:160px}.nav-inner{flex-direction:column;gap:1.1rem;height:auto;padding:1rem 1.25rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.hero-title{font-size:clamp(3.5rem,14vw,5rem)}.hero-actions{flex-direction:column;align-items:flex-start}.about-stats{grid-template-columns:1fr 1fr;gap:1.5rem}.skills-grid{grid-template-columns:1fr}.skill-group{border-right:none;border-bottom:1px solid var(--border)}.skill-group:last-child{border-bottom:none}.contact-socials{gap:1.5rem}.blog-row{grid-template-columns:1fr;padding-left:0}.blog-row:hover{padding-left:0}.blog-arrow{display:none}}