:root{--bg:#08080d;--bg-soft:#0c0c14;--surface:#ffffff07;--surface-hover:#ffffff0e;--border:#ffffff13;--border-strong:#ffffff26;--text:#9a9aae;--text-dim:#6a6a7d;--heading:#f3f3f8;--accent:#8b5cf6;--accent-soft:#a78bfa;--accent-cyan:#22d3ee;--accent-bg:#8b5cf61f;--accent-border:#8b5cf66b;--gradient:linear-gradient(115deg, #c4b5fd 0%, #8b5cf6 42%, #22d3ee 100%);--gradient-dim:linear-gradient(115deg, #8b5cf6e6, #22d3eeb3);--radius:18px;--radius-sm:10px;--shell:1120px;--ease:cubic-bezier(.22, 1, .36, 1);--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Space Grotesk", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:400 17px/1.65 var(--sans);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 82% -8%,#22d3ee12,#0000 62%),radial-gradient(760px 480px at 8% 4%,#8b5cf61a,#0000 60%);position:fixed;inset:0}h1,h2,h3{font-family:var(--display);color:var(--heading);letter-spacing:-.022em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0}ul,ol,dl,dd{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:4px}::selection{color:#fff;background:#8b5cf659}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#ffffff1c;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}html{scroll-behavior:smooth;scroll-padding-top:90px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding-inline:28px}@media (width<=640px){:root{font-size:16px}.shell{padding-inline:20px}}.icon-sm{flex:none;width:17px;height:17px}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--accent);color:#fff;transition:top .2s var(--ease);padding:10px 18px;position:absolute;top:-100px;left:20px}.skip-link:focus-visible{top:16px}[data-reveal]{opacity:0;transition:opacity .7s var(--ease) var(--delay,0s), transform .7s var(--ease) var(--delay,0s);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:none}.nav{z-index:100;transition:background .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(16px)saturate(160%);border-bottom-color:var(--border);background:#08080db8}.nav__inner{max-width:var(--shell);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:16px 28px;display:flex}.nav__brand{color:var(--heading);letter-spacing:-.01em;align-items:center;gap:11px;font-weight:600;display:flex}.nav__mark{background:var(--gradient);color:#0a0a12;width:34px;height:34px;font:700 13px/1 var(--display);letter-spacing:.02em;border-radius:10px;flex:none;place-items:center;display:grid}.nav__links{align-items:center;gap:4px;font-size:.92rem;display:flex}.nav__links a{color:var(--text);transition:color .2s var(--ease), background .2s var(--ease);border-radius:99px;padding:8px 14px}.nav__links a:hover{color:var(--heading);background:var(--surface-hover)}.nav__links a.is-active{color:var(--heading);background:var(--accent-bg)}.nav__resume{border:1px solid var(--border-strong);align-items:center;gap:7px;margin-left:8px;display:inline-flex}.nav__resume:hover{border-color:var(--accent-border)}.nav__toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--heading);border-radius:10px;place-items:center;display:none}@media (width<=860px){.nav__brandText{display:none}.nav__toggle{display:grid}.nav__links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;background:#08080df7;flex-direction:column;align-items:stretch;gap:6px;padding:20px;font-size:1.05rem;position:fixed;inset:68px 0 auto;transform:translateY(-10px)}.nav__links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav__links a{border-radius:12px;padding:12px 16px}.nav__resume{justify-content:center;margin-left:0}}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--heading);white-space:nowrap;transition:transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);border-radius:99px;align-items:center;gap:9px;padding:12px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-2px)}.btn--primary{background:var(--gradient);color:#0a0a12;border-color:#0000;font-weight:600;box-shadow:0 10px 34px -14px #8b5cf6d9}.btn--primary:hover{background:var(--gradient);border-color:#0000;box-shadow:0 16px 40px -12px #8b5cf6f2}.btn--lg{padding:15px 26px;font-size:1.02rem}.btn--ghost{background:0 0}.hero{align-items:center;min-height:100svh;padding:140px 0 90px;display:flex;position:relative;overflow:hidden}.hero__glow{aspect-ratio:1.6;pointer-events:none;background:radial-gradient(closest-side,#8b5cf63d,#22d3ee17 55%,#0000 72%);width:min(1180px,130vw);animation:18s ease-in-out infinite alternate drift;position:absolute;top:-22%;left:50%;translate:-50%}@keyframes drift{0%{transform:translate(-3%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}.hero__grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(82% 62% at 50% 34%,#000 20%,#0000 78%);mask-image:radial-gradient(82% 62% at 50% 34%,#000 20%,#0000 78%)}.hero__inner{z-index:1;position:relative}.hero__status{border:1px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:.01em;border-radius:99px;align-items:center;gap:9px;padding:7px 15px 7px 12px;font-size:.83rem;display:inline-flex}.dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #34d39999}@keyframes pulse{70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.hero__name{letter-spacing:-.04em;background:linear-gradient(175deg,#fff 22%,#a09fb8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:26px;font-size:clamp(2.9rem,8.4vw,5.6rem);line-height:1.02}.hero__role{font-family:var(--mono);letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:14px;font-size:clamp(1rem,2.4vw,1.35rem);display:flex}.hero__roleText{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__pronouns{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-radius:99px;padding:3px 10px;font-size:.72rem}.hero__tagline{max-width:58ch;color:var(--text);margin-top:22px;font-size:clamp(1.02rem,1.6vw,1.18rem)}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hero__socials{gap:8px;margin-left:4px;display:flex}.hero__socials a{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);transition:color .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);border-radius:50%;place-items:center;display:grid}.hero__socials a:hover{color:var(--heading);border-color:var(--accent-border);transform:translateY(-2px)}.hero__stats{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:720px;margin-top:64px;display:grid;overflow:hidden}.stat{background:var(--bg-soft);padding:22px 20px}.stat__value{font-family:var(--display);color:var(--heading);letter-spacing:-.03em;font-size:1.7rem;font-weight:600}.stat__label{color:var(--text-dim);margin-top:4px;font-size:.82rem}@media (width<=720px){.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.section{padding:104px 0;position:relative}.section__head{max-width:720px;margin-bottom:54px}.section__eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:16px;font-size:.79rem}.section__title{font-size:clamp(1.85rem,4vw,2.7rem)}.section__lead{color:var(--text);margin-top:16px;font-size:1.05rem}@media (width<=640px){.section{padding:76px 0}}.about{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.about__prose{gap:20px;font-size:1.05rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#ffffff0a,#ffffff03);padding:28px;position:relative}.card--education:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:var(--gradient);opacity:.75;height:2px;position:absolute;inset:-1px -1px auto}.card__icon{width:26px;height:26px;color:var(--accent-soft);margin-bottom:18px}.card__kicker{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:.74rem}.card__title{font-size:1.2rem}.card__meta{color:var(--text-dim);margin-top:3px;font-size:.88rem}.card__body{color:var(--heading);margin-top:16px;font-size:.98rem;line-height:1.5}.card__detail{margin-top:8px;font-size:.92rem}.card__period{border-top:1px solid var(--border);font-family:var(--mono);color:var(--accent-soft);margin-top:18px;padding-top:16px;font-size:.85rem}@media (width<=900px){.about{grid-template-columns:1fr;gap:34px}}.timeline{gap:26px;padding-left:30px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-border), var(--border) 65%, transparent);width:1px;position:absolute;top:10px;bottom:10px;left:5px}.timeline__item{position:relative}.timeline__dot{background:var(--bg);border:2px solid var(--border-strong);border-radius:50%;width:11px;height:11px;position:absolute;top:30px;left:-29px}.timeline__dot.is-current{background:var(--gradient);border-color:#0000;box-shadow:0 0 0 4px #8b5cf629}.timeline__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);padding:26px 28px}.timeline__card:hover{border-color:var(--border-strong);background:#ffffff0b;transform:translate(3px)}.timeline__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:18px;display:flex}.timeline__role{font-size:1.22rem}.timeline__company{color:var(--accent-soft);margin-top:5px;font-size:.95rem}.timeline__sep{color:var(--text-dim);margin:0 8px}.timeline__location{color:var(--text-dim)}.timeline__period{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:.82rem}.timeline__bullets{gap:11px;font-size:.97rem;display:grid}.timeline__bullets li{padding-left:20px;position:relative}.timeline__bullets li:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:2px}@media (width<=640px){.timeline__card{padding:22px 20px}}.tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag{border:1px solid var(--border);font-family:var(--mono);color:var(--text);background:#ffffff07;border-radius:99px;padding:5px 12px;font-size:.76rem}.tags--lg .tag{padding:8px 15px;font-size:.85rem}.filters{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.filter{border:1px solid var(--border);color:var(--text);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:99px;padding:8px 17px;font-size:.9rem}.filter:hover{color:var(--heading);border-color:var(--border-strong)}.filter.is-active{color:var(--heading);border-color:var(--accent-border);background:var(--accent-bg)}.projects{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-flow:dense;gap:20px;display:grid}.project{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .28s var(--ease), border-color .28s var(--ease), background .28s var(--ease), box-shadow .28s var(--ease);flex-direction:column;padding:26px;display:flex}.project:hover{border-color:var(--accent-border);background:#ffffff0b;transform:translateY(-4px);box-shadow:0 22px 48px -28px #8b5cf699}.project--featured{background:linear-gradient(140deg, #8b5cf612, #22d3ee09 55%, var(--surface));grid-column:span 2}.project__top{align-items:center;gap:12px;margin-bottom:18px;display:flex}.project__source{width:20px;height:20px;color:var(--text-dim)}.project__period{font-family:var(--mono);color:var(--text-dim);font-size:.76rem}.project__arrow{width:18px;height:18px;color:var(--text-dim);transition:color .25s var(--ease), transform .25s var(--ease);margin-left:auto}.project:hover .project__arrow{color:var(--accent-soft);transform:translate(3px,-3px)}.project__badge{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent-soft);border-radius:99px;align-self:flex-start;margin-bottom:12px;padding:4px 11px;font-size:.75rem;display:inline-block}.project__name{font-size:1.24rem}.project__blurb{color:var(--text);margin-top:11px;font-size:.96rem}.project .tags{margin-top:auto;padding-top:22px}.projects__more{color:var(--text-dim);margin-top:34px;font-size:.96rem}.projects__more a{color:var(--accent-soft);border-bottom:1px solid var(--accent-border)}@media (width<=780px){.projects{grid-template-columns:1fr}.project--featured{grid-column:span 1}}.skills{gap:34px;display:grid}.skills__group{border-bottom:1px solid var(--border);grid-template-columns:190px minmax(0,1fr);align-items:start;gap:24px;padding-bottom:30px;display:grid}.skills__group:last-child{border-bottom:none;padding-bottom:0}.skills__title{color:var(--accent-soft);font-size:1.02rem;font-family:var(--mono);letter-spacing:.02em;padding-top:6px;font-weight:400}.skills .tags{margin-top:0}@media (width<=700px){.skills__group{grid-template-columns:1fr;gap:14px}.skills__title{padding-top:0}}.contact__card{border:1px solid var(--border);background:radial-gradient(700px 340px at 12% -20%, #8b5cf629, transparent 65%), radial-gradient(600px 300px at 92% 110%, #22d3ee1c, transparent 62%), var(--bg-soft);border-radius:26px;padding:64px 56px;position:relative;overflow:hidden}.contact__spark{width:26px;height:26px;color:var(--accent-soft);margin-bottom:20px}.contact__title{font-size:clamp(2rem,4.4vw,3rem)}.contact__lead{max-width:54ch;margin-top:16px;font-size:1.05rem}.contact__card .btn--primary{margin-top:32px}.contact__list{flex-wrap:wrap;gap:12px 32px;margin-top:30px;font-size:.94rem;display:flex}.contact__list li{color:var(--text);align-items:center;gap:10px;display:flex}.contact__list svg{color:var(--text-dim)}.contact__list a:hover{color:var(--heading)}.contact__openTo{color:var(--text-dim);margin-top:14px;font-size:.9rem}.contact__socials{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:30px;display:flex}@media (width<=640px){.contact__card{padding:40px 26px}.contact__card .btn--primary{justify-content:center;width:100%}}.footer{border-top:1px solid var(--border);padding:34px 0}.footer__inner{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.87rem;display:flex}.footer__built{font-family:var(--mono);font-size:.8rem}.footer a:hover{color:var(--heading)}