@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--bg-card:#111114;--bg-elevated:#18181c;--border:#222228;--border-bright:#2e2e38;--text-primary:#f0f0f2;--text-secondary:#9898a8;--text-muted:#72727e;--accent:#6b8fff;--accent-hover:#8aaaff;--accent-dim:rgba(107,143,255,.12);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);--green:#22c55e;--green-dim:rgba(34,197,94,.12);--font-display:"Playfair Display",serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--section-gap:7rem;--card-pad:2rem;--radius:6px;--radius-lg:12px;--focus-ring:0 0 0 3px rgba(107,143,255,.6)}[data-theme=light]{--bg:#f5f5f7;--bg-card:#fff;--bg-elevated:#e8e8ed;--border:#d1d1d8;--border-bright:#b0b0bc;--text-primary:#0f0f12;--text-secondary:#3a3a4a;--text-muted:#5a5a6e;--accent:#35d;--accent-hover:#24c;--accent-dim:rgba(51,85,221,.1);--focus-ring:0 0 0 3px rgba(51,85,221,.5)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4}#__next>div{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;display:block;width:100%}.container{max-width:1080px;margin:0 auto;padding:0 2rem}section{padding:var(--section-gap) 0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2.4rem,5vw,3.8rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.2rem}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;background:var(--accent);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.875rem;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s ease;border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-bright)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}nav[aria-label="Primary navigation"]{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 0;background:rgba(10,10,11,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease}[data-theme=light] nav[aria-label="Primary navigation"]{background:rgba(245,245,247,.88)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.nav-logo,.theme-toggle{color:var(--text-primary)}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s;flex-shrink:0;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(12deg)}.nav-left{gap:.75rem}.nav-left,.nav-links{display:flex;align-items:center}.nav-links{gap:2rem;list-style:none}.nav-links a{font-size:.875rem;color:var(--text-secondary);transition:color .15s;letter-spacing:.01em}.nav-links a:hover{color:var(--text-primary)}.nav-links .btn{margin-left:.5rem}.nav-links .btn-primary{color:#fff}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;position:relative;overflow:hidden}.hero-eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.eyebrow-dot{animation:none}.fade-in,.fade-in-delay-1,.fade-in-delay-2,.fade-in-delay-3,.fade-in-delay-4,.fade-in-delay-5{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}.btn,.contact-link-item,.featured-project,.project-card,.theme-toggle,body,nav{transition:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.eyebrow-text{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.hero-name{font-size:clamp(3rem,7vw,5.2rem);letter-spacing:-.02em;line-height:1.06;margin-bottom:.6rem;color:var(--text-primary)}.hero-name em{font-style:italic;color:var(--text-secondary)}.hero-role{font-family:var(--font-mono);font-size:.88rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.6rem}.hero-statement{font-size:1.08rem;color:var(--text-secondary);max-width:540px;line-height:1.75;margin-bottom:2.4rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:4rem}.featured-band{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-dim);border:1px solid rgba(107,143,255,.25);border-radius:var(--radius);padding:.3rem .75rem;margin-bottom:1rem}[data-theme=light] .featured-band{border-color:rgba(51,85,221,.25)}.featured-band span{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.featured-project{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;max-width:680px}.featured-project:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.featured-project:hover{border-color:var(--accent);transform:translateY(-2px)}.featured-project-title{font-size:1.1rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem}.featured-project-summary{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.65}.stack-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.tag{font-family:var(--font-mono);font-size:.72rem;padding:.2rem .55rem;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em}.project-links{display:flex;gap:.6rem;flex-wrap:wrap}.section-label{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border);max-width:120px}.section-label-text{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:2.5rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--card-pad);transition:border-color .2s,transform .2s;display:flex;flex-direction:column;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.project-card-title{font-size:1.05rem;font-family:var(--font-display);color:var(--text-primary);line-height:1.3}.status-badge{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.status-amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.status-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.2)}.project-card-summary{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.65;flex:1 1}.project-card-role{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem;font-style:italic}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.about-text p{margin-bottom:1.1rem;font-size:.95rem}.about-text p:last-child{margin-bottom:0}.about-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.sidebar-card-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.4rem}.interests-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.interests-list li{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.interests-list li:before{content:"→";color:var(--accent);font-family:var(--font-mono);font-size:.75rem}.contact-section{border-top:1px solid var(--border);padding-top:var(--section-gap)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.contact-links{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.contact-link-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s,transform .18s;text-decoration:none}.contact-link-item:hover{border-color:var(--accent);transform:translateX(4px)}.contact-link-icon{width:36px;height:36px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.contact-link-info{display:flex;flex-direction:column;gap:.1rem}.contact-link-label{font-size:.8rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.contact-link-value{font-size:.9rem;color:var(--text-primary)}.resume-box{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden}.resume-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-dim) 0,transparent 60%);pointer-events:none}footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:auto;position:relative;z-index:1}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-text{color:var(--text-muted)}.footer-link,.footer-text{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--accent)}.divider{height:1px;background:var(--border);margin:1.5rem 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.fade-in{animation:fadeUp .5s ease both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.35s}.fade-in-delay-4{animation-delay:.5s}.fade-in-delay-5{animation-delay:.65s}}.fade-in,.fade-in-delay-1,.fade-in-delay-2,.fade-in-delay-3,.fade-in-delay-4,.fade-in-delay-5{opacity:1}@media (prefers-reduced-motion:no-preference){.fade-in,.fade-in-delay-1,.fade-in-delay-2,.fade-in-delay-3,.fade-in-delay-4,.fade-in-delay-5{opacity:0;animation-fill-mode:forwards}}.hero-glow{position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(107,143,255,.06) 0,transparent 70%);pointer-events:none;border-radius:50%}@media (max-width:768px){:root{--section-gap:4.5rem;--card-pad:1.4rem}.nav-links .nav-link-text{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.projects-grid{grid-template-columns:1fr}.hero-ctas{flex-wrap:wrap}.nav-links{gap:1rem}}@media (max-width:480px){.container{padding:0 1.25rem}.hero-name{font-size:clamp(2.4rem,10vw,3.2rem)}.featured-project{padding:1.5rem}}