:root{--font-sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--font-logo:"Nabla", ui-serif, Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--shell:1180px;--gutter:clamp(1.25rem, 5vw, 4rem);--radius:18px;--radius-sm:10px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.5s}html[data-theme=dark]{--bg:#08090b;--bg-soft:#0e1013;--surface:#ffffff08;--surface-2:#ffffff0e;--line:#ffffff1a;--line-strong:#fff3;--ink:#f3f1ec;--ink-soft:#a8a8a4;--ink-faint:#6b6c70;--accent:#c9f24d;--accent-ink:#0a0b06;--accent-glow:#c9f24d29;--warm:#ff8a4c;--grid:#ffffff0b;--shadow:0 30px 70px -40px #000000e6;--noise-opacity:.05}html[data-theme=light]{--bg:#f6f5f1;--bg-soft:#eeece5;--surface:#0c0c0e07;--surface-2:#0c0c0e0d;--line:#0c0c0e1f;--line-strong:#0c0c0e47;--ink:#14150f;--ink-soft:#55564f;--ink-faint:#86877f;--accent:#4f7a06;--accent-ink:#f8ffe8;--accent-glow:#78b0142e;--warm:#c2410c;--grid:#0c0c0e0b;--shadow:0 30px 60px -40px #14150f59;--noise-opacity:.03}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background .4s var(--ease), color .4s var(--ease);margin:0;font-size:clamp(.98rem,.35vw + .9rem,1.05rem);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.05}p{text-wrap:pretty;margin:0}ul,ol,dl,dd{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}em{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--accent);font-style:italic;font-weight:400}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:200;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);transition:transform .25s var(--ease);padding:.6rem 1rem;font-size:.85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.7rem;margin-bottom:1.4rem;font-size:.72rem;display:flex}.kicker span{border:1px solid var(--line);color:var(--accent);letter-spacing:.1em;border-radius:5px;padding:.18rem .45rem}.page-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grid-lines{background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 78%)}.glow{filter:blur(90px);opacity:.7;border-radius:50%;position:absolute}.glow--one{background:var(--accent-glow);width:46vw;min-width:340px;height:46vw;min-height:340px;animation:drift 22s var(--ease) infinite alternate;top:-14vh;left:52%}.glow--two{background:color-mix(in srgb, var(--warm) 14%, transparent);width:36vw;min-width:280px;height:36vw;min-height:280px;animation:drift 28s var(--ease) infinite alternate-reverse;top:46vh;left:-12vw}.noise{opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vw,8vh)scale(1.18)}}.spotlight{z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), var(--accent-glow), transparent 65%);opacity:0;transition:opacity .5s var(--ease);position:fixed;inset:0}body.has-pointer .spotlight{opacity:1}.scroll-progress{z-index:120;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress span{background:linear-gradient(90deg, var(--accent), var(--warm));width:100%;height:100%;transform:scaleX(var(--p,0));transform-origin:0;display:block}.nav{z-index:100;padding:1.1rem var(--gutter);transition:padding .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease), backdrop-filter .35s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-stuck{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);padding-block:.7rem}.nav__brand{z-index:2;align-items:center;display:flex;position:relative}.nav__logo{font-family:var(--font-logo);font-synthesis:none;letter-spacing:.02em;font-size:1.85rem;font-style:normal;font-weight:400;line-height:1}.nav__links{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:.35rem;padding:.3rem;display:flex}.nav__links a{color:var(--ink-soft);transition:color .25s var(--ease), background .25s var(--ease);border-radius:999px;padding:.4rem .95rem;font-size:.88rem;position:relative}.nav__links a:hover,.nav__links a.is-active{color:var(--ink);background:var(--surface-2)}.nav__actions{z-index:2;align-items:center;gap:.6rem;display:flex;position:relative}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);border-radius:10px;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--accent);border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:17px;height:17px}html[data-theme=dark] .icon-sun,html[data-theme=light] .icon-moon{display:none}.nav__burger{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0 8px;display:none}.nav__burger span{background:var(--ink);height:1.5px;transition:transform .3s var(--ease), opacity .2s var(--ease);border-radius:2px;display:block}.nav__burger[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.btn{border:1px solid var(--line);white-space:nowrap;transition:transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.35rem;font-size:.92rem;font-weight:500;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--sm{background:var(--surface);padding:.5rem 1rem;font-size:.85rem}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--ghost{color:var(--ink-soft);font-family:var(--font-mono);background:0 0;font-size:.85rem}.btn:hover{border-color:var(--line-strong);transform:translateY(-2px)}.btn--primary:hover{border-color:var(--accent);box-shadow:0 12px 30px -12px var(--accent-glow)}.btn--ghost:hover{color:var(--ink);background:var(--surface)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-block:9rem 5rem;display:flex;position:relative}.hero__eyebrow{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-soft);border-radius:999px;align-items:center;gap:.6rem;width:fit-content;margin-bottom:2rem;padding:.35rem .85rem .35rem .6rem;font-size:.75rem;display:inline-flex}.pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.pulse:after{content:"";background:var(--accent);animation:ping 1.9s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.hero__title{letter-spacing:-.045em;margin-bottom:2rem;font-size:clamp(2.6rem,9vw,6.4rem);font-weight:600}.hero__title .line{display:block}.hero__title em{font-size:1.06em}.hero__lede{max-width:58ch;color:var(--ink-soft);font-size:clamp(1rem,.5vw + .92rem,1.18rem)}.hero__lede strong{color:var(--ink);font-weight:600}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:2.4rem;display:flex}.hero__scroll{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);flex-direction:column;align-items:center;gap:.6rem;font-size:.65rem;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.hero__scroll i{background:linear-gradient(var(--accent), transparent);width:1px;height:42px;animation:slide 2.2s var(--ease) infinite}@keyframes slide{0%{transform-origin:top;opacity:0;transform:scaleY(.2)}35%{opacity:1}to{transform-origin:top;opacity:0;transform:scaleY(1)}}.marquee{border-block:1px solid var(--line);background:var(--surface);padding-block:.9rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee__track{width:max-content;font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;align-items:center;gap:2.2rem;font-size:.82rem;animation:42s linear infinite scroll-x;display:flex}.marquee__track i{color:var(--accent);font-size:.7rem;font-style:normal}@keyframes scroll-x{to{transform:translate(-50%)}}.section,.contact,.hero{scroll-margin-top:5.5rem}.section{padding-block:clamp(5rem,11vw,9rem)}.section__head{max-width:40ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.section__title{font-size:clamp(1.85rem,4.6vw,3.1rem)}.section__sub{color:var(--ink-soft);max-width:56ch;margin-top:1.1rem}.projects{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);transition:background .35s var(--ease), padding-inline .35s var(--ease);grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:start;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.1rem) clamp(.5rem,2vw,1.25rem);display:grid;position:relative}.project:before{content:"";background:linear-gradient(90deg, var(--accent-glow), transparent 55%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.project:hover:before{opacity:1}.project__no{font-family:var(--font-mono);color:var(--ink-faint);transition:color .3s var(--ease);padding-top:.35rem;font-size:.78rem}.project:hover .project__no{color:var(--accent)}.project__body h3{transition:transform .35s var(--ease);font-size:clamp(1.25rem,2.6vw,1.75rem)}.project:hover .project__body h3{transform:translate(6px)}.project__body p{color:var(--ink-soft);max-width:52ch;margin-top:.55rem;font-size:.95rem}.tags{flex-wrap:wrap;gap:.4rem;padding-top:.35rem;display:flex}.tags li{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.7rem}.skills{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.skill{background:var(--bg);transition:background .35s var(--ease);padding:clamp(1.4rem,2.4vw,1.9rem)}.skill:hover{background:var(--bg-soft)}.skill:last-child{grid-column:span 2}.skill h3{font-size:.78rem;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem;font-weight:400}.skill ul{gap:.6rem;display:grid}.skill li{color:var(--ink-soft);padding-left:1.05rem;font-size:.93rem;position:relative}.skill li:before{content:"";background:var(--line-strong);width:5px;height:1px;position:absolute;top:.68em;left:0}.about{grid-template-columns:1.15fr 1fr;gap:clamp(2.5rem,6vw,5rem);display:grid}.traits{gap:1rem;margin-top:1.8rem;display:grid}.traits li{color:var(--ink-soft);padding-left:1.6rem;position:relative}.traits li:before{content:"→";color:var(--accent);font-size:.9rem;position:absolute;left:0}.timeline{gap:1.5rem;padding-left:1.6rem;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--line), transparent);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:3px}.timeline li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:1.1rem 1.25rem;position:relative}.timeline li:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;position:absolute;top:1.55rem;left:-1.6rem}.timeline h3{font-size:1.05rem}.timeline__org{color:var(--ink-soft);margin-top:.3rem;font-size:.9rem}.timeline__year{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-faint);margin-top:.45rem;font-size:.72rem}.contact{border-top:1px solid var(--line);background:linear-gradient(180deg, transparent, var(--surface));padding-block:clamp(4rem,9vw,7rem) clamp(3.5rem,7vw,6rem)}.contact__title{letter-spacing:-.045em;font-size:clamp(2rem,6.5vw,4.2rem)}.contact__sub{max-width:48ch;color:var(--ink-soft);margin-top:1.2rem}.contact__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:3rem;display:grid}.contact__card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);gap:.4rem;padding:1.25rem 1.35rem;display:grid}a.contact__card:hover{border-color:var(--accent);background:var(--bg-soft);transform:translateY(-4px)}.contact__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}.contact__value{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1rem;font-weight:500}.contact__card--static .contact__value{color:var(--ink-soft)}.footer{border-top:1px solid var(--line);color:var(--ink-faint);padding-block:1.75rem;font-size:.85rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.footer__note{font-family:var(--font-mono);font-size:.75rem}.reveal{opacity:0;transition:opacity .75s var(--ease) var(--d,0s), transform .75s var(--ease) var(--d,0s);will-change:opacity, transform;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}@media (width<=1000px){.skills{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr}}@media (width<=860px){.nav__links{border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);transition:transform .45s var(--ease);border-radius:0 0 22px 22px;flex-direction:column;gap:.15rem;padding:5.25rem 1.5rem 1.75rem;position:fixed;inset:0 0 auto;transform:translateY(-102%)}.nav__links a{border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:1.05rem}body.menu-open .nav__links{transform:translateY(0)}.nav__burger{display:flex}.nav__actions .btn--sm{display:none}.project{grid-template-columns:2.25rem minmax(0,1fr)}.tags{grid-column:2;padding-top:.9rem}}@media (width<=640px){.skills{grid-template-columns:1fr}.skill:last-child{grid-column:span 1}.hero{min-height:auto;padding-block:8rem 4rem}.hero__scroll{display:none}.hero__cta .btn{justify-content:center;width:100%}.contact__grid{grid-template-columns:1fr}}@media (hover:none){.spotlight{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}