:root{color-scheme:dark;--font-display: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-body: "Geist", "Segoe UI", sans-serif;--text-xs: clamp(.75rem, .72rem + .12vw, .8125rem);--text-sm: clamp(.875rem, .84rem + .14vw, .9375rem);--text-base: clamp(1rem, .97rem + .16vw, 1.0625rem);--text-md: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);--text-lg: clamp(1.25rem, 1.19rem + .22vw, 1.375rem);--text-xl: clamp(1.5rem, 1.38rem + .3vw, 1.6875rem);--text-2xl: clamp(1.875rem, 1.7rem + .55vw, 2.25rem);--text-3xl: clamp(2.25rem, 1.95rem + .95vw, 2.875rem);--text-hero: clamp(2.8rem, 2rem + 3.2vw, 4.9rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-13: 3.25rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-17: 4.25rem;--space-18: 4.5rem;--space-19: 4.75rem;--space-20: 5rem;--space-21: 5.25rem;--space-22: 5.5rem;--space-23: 5.75rem;--space-24: 6rem;--space-25: 6.25rem;--space-26: 6.5rem;--space-27: 6.75rem;--space-28: 7rem;--space-29: 7.25rem;--space-30: 7.5rem;--space-31: 7.75rem;--space-32: 8rem;--color-bg: #0e0e0f;--color-surface: #141415;--color-surface-2: #1a1a1b;--color-border: #2a2a2d;--color-divider: #232326;--color-text: #e8e8e8;--color-text-muted: #8a8a8a;--color-text-faint: #464646;--color-primary: oklch(.55 .1 190);--color-primary-hover: oklch(.6 .1 190);--color-primary-highlight: color-mix(in srgb, var(--color-primary) 22%, transparent);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 .2rem .7rem rgba(0, 0, 0, .25);--shadow-md: 0 .8rem 1.8rem rgba(0, 0, 0, .3);--shadow-lg: 0 1.8rem 3.5rem rgba(0, 0, 0, .4);--max-width: 70rem;--reduce-motion: 0}[data-theme=light]{color-scheme:light;--color-bg: #f3f5f5;--color-surface: #ffffff;--color-surface-2: #eef2f2;--color-border: #d7dddd;--color-divider: #e2e8e8;--color-text: #15181a;--color-text-muted: #4b5758;--color-text-faint: #7a8788;--color-primary: oklch(.5 .08 190);--color-primary-hover: oklch(.45 .08 190);--color-primary-highlight: color-mix(in srgb, var(--color-primary) 16%, transparent);--shadow-sm: 0 .2rem .7rem rgba(17, 24, 24, .08);--shadow-md: 0 .9rem 1.8rem rgba(17, 24, 24, .12);--shadow-lg: 0 1.8rem 3.4rem rgba(17, 24, 24, .16)}@media (prefers-reduced-motion: reduce){:root{--reduce-motion: 1}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color calc(.22s * (1 - var(--reduce-motion, 0))) ease}a:focus-visible,button:focus-visible,.btn:focus-visible,.nav-link:focus-visible,.mobile-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;line-height:1.2}p{color:var(--color-text-muted)}main{position:relative;z-index:1}.loading-fallback{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-md)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:250;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text)}.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:var(--space-3) var(--space-4);border:.0625rem solid var(--color-border);box-shadow:var(--shadow-md)}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)'/%3E%3C/svg%3E")}.container{width:min(92%,var(--max-width));margin:0 auto}.section{padding:var(--space-20) 0}.section-head{margin-bottom:var(--space-10)}.section-head p{margin-top:var(--space-3);font-size:var(--text-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:.0625rem solid transparent;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform calc(.2s * (1 - var(--reduce-motion, 0))) ease,box-shadow calc(.2s * (1 - var(--reduce-motion, 0))) ease,background calc(.2s * (1 - var(--reduce-motion, 0))) ease,color calc(.2s * (1 - var(--reduce-motion, 0))) ease}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#052022;box-shadow:var(--shadow-sm)}[data-theme=light] .btn-primary{color:#f7fafa}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-.1rem)}.btn-icon{width:var(--space-11);height:var(--space-11);padding:0;border:.0625rem solid var(--color-border);background:var(--color-surface-2);color:var(--color-text)}.btn-icon:hover{background:color-mix(in srgb,var(--color-surface-2) 70%,var(--color-primary) 30%);border-color:var(--color-primary)}.full-width{width:100%}.navbar{position:fixed;top:0;left:0;width:100%;z-index:140;padding-top:var(--space-6);display:flex;justify-content:center}.nav-container{width:min(92%,64rem);display:flex;align-items:center;gap:var(--space-6);background:color-mix(in srgb,var(--color-surface) 82%,transparent);border:.0625rem solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:var(--radius-full);backdrop-filter:blur(1.4rem);-webkit-backdrop-filter:blur(1.4rem);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);box-shadow:var(--shadow-md);transition:background calc(.22s * (1 - var(--reduce-motion, 0))) ease,border-color calc(.22s * (1 - var(--reduce-motion, 0))) ease}.nav-container.scrolled{background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-color:var(--color-border)}.logo{font-family:var(--font-body);font-size:var(--text-md);font-weight:700;letter-spacing:.01em}.dot{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:background calc(.2s * (1 - var(--reduce-motion, 0))) ease,color calc(.2s * (1 - var(--reduce-motion, 0))) ease}.nav-link:hover,.nav-link.active{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-2) 80%,var(--color-primary) 20%)}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-cta{border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);background:var(--color-surface-2);border:.0625rem solid var(--color-border);font-size:var(--text-sm);font-weight:600;transition:transform calc(.2s * (1 - var(--reduce-motion, 0))) ease,border-color calc(.2s * (1 - var(--reduce-motion, 0))) ease}.nav-cta:hover{transform:translateY(-.1rem);border-color:var(--color-primary)}.theme-toggle,.nav-toggle{width:var(--space-11);min-width:var(--space-11);height:var(--space-11);min-height:var(--space-11);display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);cursor:pointer}.theme-toggle:hover,.nav-toggle:hover{border-color:var(--color-primary)}.nav-toggle{display:none;position:relative;flex-direction:column;gap:.22rem}.hamburger-line{width:1.15rem;height:.1rem;border-radius:var(--radius-full);background:var(--color-text);transition:transform calc(.2s * (1 - var(--reduce-motion, 0))) ease,opacity calc(.2s * (1 - var(--reduce-motion, 0))) ease}.nav-toggle.open .hamburger-line:nth-child(1){transform:translateY(.32rem) rotate(45deg)}.nav-toggle.open .hamburger-line:nth-child(2){opacity:0}.nav-toggle.open .hamburger-line:nth-child(3){transform:translateY(-.32rem) rotate(-45deg)}.mobile-nav-menu{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--space-24) + var(--space-6));padding-bottom:var(--space-14)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-16);align-items:center}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)}.pulsing-light{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);animation:pulse calc(1.9s * (1 - var(--reduce-motion, 0))) infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 36%,transparent)}70%{box-shadow:0 0 0 .42rem color-mix(in srgb,var(--color-primary) 0%,transparent)}}.hero-accent{color:var(--color-primary)}.hero-sub{margin-top:var(--space-7);margin-bottom:var(--space-9);max-width:32rem;font-size:var(--text-md)}.hero-actions{display:flex;gap:var(--space-4)}.hero-visual{display:flex;justify-content:flex-end}.spotify-wrapper{position:relative;width:min(100%,22rem);padding:var(--space-6);border-radius:var(--radius-xl);border:.0625rem solid var(--color-border);background:color-mix(in srgb,var(--color-surface-2) 84%,transparent);box-shadow:var(--shadow-lg)}.spotify-wrapper:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.art-glow{position:absolute;inset:auto auto var(--space-6) var(--space-8);width:var(--space-20);height:var(--space-20);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 65%,transparent);filter:blur(3.5rem);pointer-events:none}.spotify-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);position:relative;z-index:2}.spotify-pill{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary);border:.0625rem solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.live-indicator{display:flex;gap:.15rem;align-items:flex-end;height:var(--space-3)}.live-indicator .bar{width:.18rem;border-radius:var(--radius-full);background:var(--color-primary);animation:eq calc(.75s * (1 - var(--reduce-motion, 0))) infinite ease-in-out alternate}.live-indicator .bar:nth-child(2){animation-delay:calc(.2s * (1 - var(--reduce-motion, 0)));height:70%}.live-indicator .bar:nth-child(3){animation-delay:calc(.4s * (1 - var(--reduce-motion, 0)));height:45%}@keyframes eq{0%{height:22%}to{height:100%}}.spotify-main{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);position:relative;z-index:2}.album-art{width:var(--space-15);height:var(--space-15);border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);flex-shrink:0;background-size:cover;background-position:center;box-shadow:var(--shadow-sm)}.track-details{display:flex;flex-direction:column;overflow:hidden}.track-name{color:var(--color-text);font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-progress{position:relative;z-index:2}.prog-bar-bg{width:100%;height:.25rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 10%,transparent);overflow:hidden;margin-bottom:var(--space-2)}.prog-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width calc(.9s * (1 - var(--reduce-motion, 0))) linear}.prog-time{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-body)}.card{position:relative;border:.0625rem solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-surface),var(--color-surface-2));padding:var(--space-8);overflow:hidden;transition:border-color calc(.22s * (1 - var(--reduce-motion, 0))) ease,transform calc(.22s * (1 - var(--reduce-motion, 0))) ease}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),var(--color-primary-highlight) 0%,transparent 62%);opacity:0;transition:opacity calc(.3s * (1 - var(--reduce-motion, 0))) ease;pointer-events:none}.spotlight-card:hover:before{opacity:1}.card-content,.card-bg-img{position:relative;z-index:1}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.project-card{display:flex;flex-direction:column;justify-content:space-between;min-height:21rem;cursor:pointer}.project-card:hover{transform:translateY(-.18rem);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.card-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.tag,.year-label{display:inline-flex;align-items:center;border:.0625rem solid var(--color-border);background:color-mix(in srgb,var(--color-surface-2) 90%,transparent);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600}.tag.live{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}.project-card p{margin:var(--space-3) 0 var(--space-5);font-size:var(--text-sm)}.card-stack-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.stack-pill{border-radius:var(--radius-full);border:.0625rem solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:color-mix(in srgb,var(--color-primary) 75%,var(--color-text));font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.project-status-badge{display:inline-flex;align-self:flex-start;margin-bottom:var(--space-4);border-radius:var(--radius-full);border:.0625rem solid var(--color-border);background:var(--color-surface);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.btn-link{margin-top:auto;padding:0;border:none;background:none;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;opacity:.85}.btn-link:hover{opacity:1}.hover-icon{position:absolute;right:var(--space-6);bottom:var(--space-6);color:var(--color-text-faint);opacity:0;transform:scale(.92);transition:opacity calc(.2s * (1 - var(--reduce-motion, 0))) ease,transform calc(.2s * (1 - var(--reduce-motion, 0))) ease}.project-card:hover .hover-icon{opacity:1;transform:scale(1);color:var(--color-text)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-6)}.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.service-card:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.svc-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.split-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20)}.sticky-wrapper{position:sticky;top:calc(var(--space-20) + var(--space-2))}.bio-text{margin:var(--space-8) 0;font-size:var(--text-base)}.stats-row{display:flex;gap:var(--space-12);border-top:.0625rem solid var(--color-divider);padding-top:var(--space-7)}.stat-num{display:block;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-1)}.stat-lbl{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.stack-list{display:flex;flex-direction:column;gap:var(--space-4)}.stack-item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5)}.stack-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);border:.0625rem solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.stack-info h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.stack-info p{font-size:var(--text-sm)}.edu-card{margin-top:var(--space-4);padding:0}.edu-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-text) 3%,transparent) 0,color-mix(in srgb,var(--color-text) 3%,transparent) .08rem,transparent 0,transparent .7rem);pointer-events:none}.edu-content{position:relative;z-index:1;padding:var(--space-7)}.edu-header-row{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.edu-icon-box{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);border:.0625rem solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center}.edu-meta{text-align:right}.edu-years{display:block;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-1)}.edu-status{display:inline-flex;align-items:center;gap:var(--space-2);border:.0625rem solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.edu-status .dot{width:.35rem;height:.35rem;border-radius:var(--radius-full);background:var(--color-primary)}.school-name{margin-bottom:var(--space-2)}.degree-name{color:var(--color-primary);margin-bottom:var(--space-6);font-size:var(--text-sm)}.edu-divider{width:100%;height:.0625rem;background:var(--color-divider);margin-bottom:var(--space-4)}.edu-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin-bottom:var(--space-3)}.edu-curriculum{display:flex;flex-wrap:wrap;gap:var(--space-2)}.subject-tag{border-radius:var(--radius-full);border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.centered-section{text-align:center}.container.narrow{max-width:34rem}.modern-form{margin:var(--space-10) 0;text-align:left}.input-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}input,textarea{width:100%;border:.0625rem solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4);transition:border-color calc(.2s * (1 - var(--reduce-motion, 0))) ease,background calc(.2s * (1 - var(--reduce-motion, 0))) ease}textarea{resize:vertical;min-height:var(--space-28)}input:focus,textarea:focus{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.modern-form .btn{margin-top:var(--space-3)}.btn-loading-spinner{animation:spin calc(.9s * (1 - var(--reduce-motion, 0))) linear infinite}@keyframes spin{to{transform:rotate(1turn)}}#form-status{min-height:var(--space-6);margin-top:var(--space-3)}.status-success,.status-error{font-size:var(--text-sm)}.status-success{color:#2db487}.status-error{color:#d16f6f}.social-links{margin-top:var(--space-10);font-size:var(--text-sm);color:var(--color-text-muted)}.social-links a:hover{color:var(--color-text);text-decoration:underline}.slash{margin:0 var(--space-2);color:var(--color-text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#060707 64%,transparent);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.modal-window{width:min(92%,38rem);max-height:86vh;overflow-y:auto;border-radius:calc(var(--radius-xl) + var(--space-1));border:.0625rem solid var(--color-border);background:linear-gradient(170deg,var(--color-surface),var(--color-surface-2));box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.modal-close:hover{color:var(--color-text);border-color:var(--color-primary)}.modal-content{padding:var(--space-10)}.modal-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.modal-icon-box{width:var(--space-14);height:var(--space-14);border-radius:var(--radius-xl);border:.0625rem solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text)}.modal-badge{display:inline-flex;margin-top:var(--space-2);border-radius:var(--radius-sm);border:.0625rem solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.modal-body{margin-bottom:var(--space-8);color:var(--color-text-muted)}.modal-body p+p{margin-top:var(--space-3)}.stack-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 var(--space-6)}.stack-tag-pill{border-radius:var(--radius-sm);border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.link-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.link-buttons a{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);background:var(--color-primary);color:#052022;font-size:var(--text-sm);font-weight:600}[data-theme=light] .link-buttons a{color:#f7fafa}.link-buttons a:hover{background:var(--color-primary-hover)}.modal-status-badge{border-radius:var(--radius-full);border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}footer{margin-top:var(--space-16);border-top:.0625rem solid var(--color-divider);padding:var(--space-12) 0;text-align:center;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-surface) 35%,transparent))}footer p{color:var(--color-text-faint);font-size:var(--text-sm)}@media (min-width: 48rem){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 64rem){.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.project-card.featured{grid-column:span 8;min-height:31rem}.project-card.compact{grid-column:span 4;min-height:15.5rem}}@media (max-width: 64rem){.hero-grid,.split-layout{grid-template-columns:1fr;gap:var(--space-12)}.hero-text,.hero-sub,.section-head{text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.hero-visual{justify-content:center}.sticky-wrapper{position:static}}@media (max-width: 48rem){.section{padding:var(--space-16) 0}.navbar{padding-top:var(--space-4)}.nav-container{width:calc(100% - var(--space-6));gap:var(--space-3);padding-left:var(--space-4)}.nav-links,.desktop-cta{display:none}.nav-toggle{display:inline-flex}.mobile-nav-menu{position:fixed;top:calc(var(--space-11) + var(--space-7));left:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);border:.0625rem solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);box-shadow:var(--shadow-lg);z-index:130}.mobile-nav-link{min-height:var(--space-11);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-4);border:.0625rem solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-base);font-weight:500}.mobile-nav-link.active,.mobile-nav-link:hover,.mobile-nav-cta{color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.mobile-nav-cta{justify-content:center;background:color-mix(in srgb,var(--color-primary) 18%,var(--color-surface-2));font-weight:600}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.input-group{grid-template-columns:1fr}.stats-row{gap:var(--space-7)}.modal-content{padding:var(--space-8)}.modal-header{align-items:flex-start}.modal-icon-box{width:var(--space-12);height:var(--space-12)}}