@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;500;600&display=swap";.home{min-height:100vh;padding:72px 8vw 96px;display:flex;flex-direction:column;gap:72px;position:relative;background:linear-gradient(135deg,#0f172a,#4c1d95 55%,#0f172a);color:#f8fafc}html{scroll-behavior:smooth}.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(148,163,184,.35),transparent 60%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.35),transparent 55%),radial-gradient(circle at 50% 80%,rgba(30,64,175,.35),transparent 60%);opacity:.8;z-index:0;pointer-events:none}.home:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(226,232,240,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.08) 1px,transparent 1px);background-size:48px 48px;opacity:.2;z-index:0;pointer-events:none}.hero,.ticker,.snapshot,.work,.resume,.closing{position:relative;z-index:1}.section-nav{position:sticky;top:24px;z-index:3;display:flex;flex-wrap:wrap;gap:12px;padding:12px 18px;border-radius:999px;background:#0f172abf;border:1px solid rgba(226,232,240,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-self:stretch;justify-content:flex-start;align-items:center;transition:transform .25s ease,opacity .25s ease}.section-nav.is-hidden{transform:translateY(-120%);opacity:0}.nav-title{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em;margin-right:auto;font-size:1rem}.nav-logo{width:46px;height:46px;border-radius:50%;object-fit:contain;border:none;background:transparent;margin-left:-4px}.nav-logo-wrap{width:52px;height:52px;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(248,250,252,.4)}.nav-toggle{display:none;width:auto;height:44px;border-radius:999px;border:none;background:transparent;align-items:center;justify-content:center;cursor:pointer;padding:6px 10px;gap:10px}.hero-nav-toggle{padding-right:6px;padding-left:1px}.nav-toggle-logo-wrap{width:36px;height:36px;border-radius:50%;border:1px solid rgba(248,250,252,.35);background:#0f172aa6;display:inline-flex;align-items:center;justify-content:center}.nav-toggle-logo{width:28px;height:28px;object-fit:contain;border-radius:50%}.nav-toggle-bars{display:inline-flex;flex-direction:column;gap:4px}.nav-toggle-bars span{width:22px;height:3px;background:#f8fafce6;border-radius:999px}.nav-toggle.is-drawer{align-self:flex-start;margin-bottom:8px}.nav-drawer-title{display:none;font-weight:600;letter-spacing:.02em;color:#f8fafce6;margin:0 0 8px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:2}.nav-overlay.is-open{opacity:1;pointer-events:auto}.section-nav a{color:#f8fafcd9;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;padding:6px 10px;border-radius:999px;background:#ffffff14;transition:transform .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-links{flex:1;display:flex;justify-content:space-evenly;align-items:center;gap:12px}.section-nav a:hover{transform:translateY(-1px);background:#f8fafc2e}.hero{display:grid;gap:20px;position:relative;width:100%}.hero:after{content:"";position:absolute;inset:-30% -10% auto;height:220px;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.45),rgba(168,85,247,.2) 55%,transparent 70%);filter:blur(20px);opacity:.9;animation:heroGlow 10s ease-in-out infinite;z-index:-1;pointer-events:none}.hero-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}.hero-copy{display:grid;gap:20px}.hero-top{display:flex;gap:12px;flex-wrap:wrap}.pill{padding:6px 14px;border-radius:999px;background:#0f172ad9;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pill.ghost{background:#ffffff1f;color:#f8fafc}.time-display{font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#e2e8f0d9}.time-desktop{position:absolute;top:24px;right:8vw;z-index:2;font-size:.85rem}.time-mobile{display:none}.hero h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.05;margin:0;font-family:Cambria,Times New Roman,serif;letter-spacing:.01em}.lead{font-size:1.05rem;line-height:1.7;color:#f8fafccc}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-card{display:grid;gap:18px;padding:22px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(226,232,240,.18);box-shadow:0 24px 50px #0f172a73}.hero-card-title{margin:0;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:#e2e8f0a6}.hero-card-stack{display:grid;gap:14px}.hero-card-row{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.12)}.hero-card-row:last-child{border-bottom:none;padding-bottom:0}.hero-card-row span{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#e2e8f0a6}.hero-card-row strong{font-size:1.1rem}.hero-card-footer{display:flex;flex-wrap:wrap;gap:10px}.hero-card-chip{padding:6px 12px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;background:#f8fafc24;border:1px solid rgba(248,250,252,.2)}.hero-card-chip.ghost{background:transparent;color:#e2e8f0bf}.btn{padding:12px 22px;border-radius:999px;border:1px solid rgba(248,250,252,.65);font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:#f8fafc;color:#0f172a;box-shadow:0 14px 30px #0f172a66}.btn.ghost{background:#ffffff1f}.btn:hover{transform:translateY(-2px)}.ticker{display:flex;gap:0;overflow:hidden;border-top:1px solid rgba(226,232,240,.2);border-bottom:1px solid rgba(226,232,240,.2);padding:18px 0}.ticker-track{display:flex;gap:24px;min-width:max-content;animation:ticker 18s linear infinite;font-weight:600;color:#f8fafccc}.ticker-track span{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes heroGlow{0%{transform:translateY(0) scale(1);opacity:.75}50%{transform:translateY(12px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:.75}}.snapshot{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.snapshot-card{padding:18px 20px;border-radius:18px;background:#0f172a8c;border:1px solid rgba(226,232,240,.16);box-shadow:0 12px 30px #0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.snapshot-label{margin:0 0 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#e2e8f099}.snapshot-value{margin:0;font-size:1rem;font-weight:600}.work-header{display:grid;gap:12px;max-width:640px}.work-header h2{font-size:2rem;margin:0}.work-header p{margin:0;color:#f8fafcbf;line-height:1.6}.work-grid{display:grid;gap:18px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.work-card{padding:22px;border-radius:20px;background:#0f172a8c;border:1px solid rgba(226,232,240,.14);box-shadow:0 20px 40px #0f172a66;display:grid;gap:10px}.work-card h3{margin:0;font-size:1.3rem}.work-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#e2e8f0}.work-link{background:transparent;border:none;padding:0;font-weight:600;text-align:left;cursor:pointer;color:#f8fafc}.resume-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.resume-grid.stacked{grid-template-columns:1fr}.resume-card{padding:24px;border-radius:22px;background:#0f172a99;border:1px solid rgba(226,232,240,.12);box-shadow:0 20px 40px #0f172a59;display:grid;gap:16px}.resume-card h2{margin:0;font-size:1.6rem}.resume-item{display:grid;gap:10px}.resume-divider{border:none;height:1px;background:#e2e8f02e;margin:10px 0}.resume-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.resume-title h3{margin:0;font-size:1.05rem}.resume-title span{font-size:.85rem;color:#e2e8f0a6}.resume-role{margin:0;font-weight:600;color:#f8fafcd9}.about-body{margin:0;font-weight:400;color:#e2e8f0c7;line-height:1.7}.resume-card ul{margin:0;padding-left:18px;color:#e2e8f0bf;line-height:1.6}.stacked-list{list-style:none;padding:0}.stacked-list>li{padding:10px 0;border-bottom:1px solid rgba(226,232,240,.12)}.stacked-list>li:last-child{border-bottom:none}.stacked-sublist{list-style:disc;margin:8px 0 0;padding-left:18px;color:#e2e8f0bf;line-height:1.6}.nss-timeline{list-style:none;margin:12px 0 0;--nss-gutter: 28px;padding:0 0 0 var(--nss-gutter);position:relative;--nss-card-bg: rgba(15, 23, 42, .6);--nss-marker: #94a3b8;--nss-line: rgba(148, 163, 184, .5);--nss-line-fade: rgba(148, 163, 184, .15);--nss-marker-size: 12px;--nss-line-width: 2px;--nss-marker-offset-y: 5px;--nss-dash-height: 2px}.nss-timeline:before{content:"";position:absolute;top:6px;bottom:4px;left:calc(var(--nss-gutter)/1.5 + (var(--nss-marker-size) / 2) - (var(--nss-line-width) / 2));width:var(--nss-line-width);background:linear-gradient(180deg,var(--nss-line-fade),var(--nss-line),var(--nss-line-fade));z-index:0;transform:scaleY(var(--nss-line-progress));transform-origin:top;transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.nss-timeline-item{position:relative;padding:0 0 18px 14px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.nss-timeline-item:before{content:"";position:absolute;top:calc(var(--nss-marker-offset-y) + (var(--nss-marker-size) / 2) - (var(--nss-dash-height) / 2));left:calc(var(--nss-marker-size) + 4px);width:18px;height:var(--nss-dash-height);background:var(--nss-line);opacity:.8}.nss-timeline-item:last-child:after{content:"";position:absolute;top:calc(var(--nss-marker-offset-y) + var(--nss-marker-size));bottom:-6px;left:calc((var(--nss-marker-size) / 2) - (var(--nss-line-width) / 2));width:var(--nss-line-width);background:var(--nss-card-bg)}.nss-timeline-item:last-child{padding-bottom:0}.nss-timeline-item.is-visible{opacity:1;transform:translateY(0)}.nss-timeline-item:nth-child(2){transition-delay:.12s}.nss-timeline-item:nth-child(3){transition-delay:.24s}.nss-timeline-marker{position:absolute;left:0;top:var(--nss-marker-offset-y);width:var(--nss-marker-size);height:var(--nss-marker-size);border-radius:50%;background:var(--nss-marker);box-shadow:0 0 0 4px #94a3b82e;z-index:1}.nss-timeline-body{display:grid;gap:4px;padding-left:26px}.nss-timeline-year{margin:0;font-weight:700;font-size:1rem;color:var(--nss-marker)}.nss-timeline-role{margin:0;font-weight:600;color:#e2e8f0e6}.nss-timeline-text{margin:0;color:#e2e8f0bf;line-height:1.6}@media (prefers-reduced-motion: reduce){.nss-timeline-item{opacity:1;transform:none;transition:none}}.stacked-link{width:100%;display:grid;gap:4px;padding:0;background:none;border:none;text-align:left;color:#e0f2fe;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease,text-shadow .2s ease}.stacked-link:hover{color:#e0f2fe;text-shadow:0 0 12px rgba(56,189,248,.65)}.stacked-link span:first-child{font-weight:600}.stacked-meta{font-size:.85rem;color:#e2e8f0a6}.skills-grid{display:grid;gap:16px}.skills-grid h3{margin:0 0 6px;font-size:1rem}.skills-grid p{margin:0;color:#e2e8f0bf;line-height:1.6}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-radius:24px;background:#0f172ae6;color:#f8fafc}.closing h2{margin:0 0 8px;font-size:1.8rem}.closing p{margin:0;color:#f8fafcbf}.closing .btn{border-color:#f8fafc99}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.contact-link{padding:8px 14px;border-radius:999px;background:#f8fafc1f;border:1px solid rgba(248,250,252,.35);color:#f8fafc;font-size:.85rem;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,background .2s ease}.contact-link:hover{transform:translateY(-2px);background:#f8fafc33}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:5;padding:24px}.modal{width:min(780px,92vw);max-height:86vh;overflow:hidden;border-radius:22px;background:#0f172a;border:1px solid rgba(226,232,240,.2);box-shadow:0 24px 60px #0f172a99;padding:24px;display:grid;gap:16px;color:#f8fafc}.modal h3{margin:0;font-size:1.5rem;color:inherit}.modal-meta{margin:0;color:#e2e8f0a6;font-size:.95rem}.modal-coursebook{margin:0;padding-left:20px;color:#e2e8f0cc;line-height:1.6}.modal-image-wrap{width:100%;height:min(60vh,520px);display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(226,232,240,.2);background:#0f172ab3;overflow:hidden}.modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:rotate(0)}.modal-multi{display:grid;gap:16px;max-height:60vh;overflow:auto;padding-right:6px}.modal-multi .modal-image-wrap{height:min(34vh,320px)}.modal-multi .modal-image{max-width:100%}.modal-placeholder{padding:18px;border-radius:16px;border:1px dashed rgba(226,232,240,.3);color:#e2e8f0bf;background:#0f172ab3}.modal-placeholder p{margin:0;line-height:1.6}.modal-close{justify-self:end;border:none;background:#f8fafc1f;color:#f8fafc;border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer}@media (max-width: 1024px){.home{padding:64px 6vw 88px;gap:64px}.section-nav{padding:10px 14px;gap:10px}.nav-title{flex-basis:100%;margin-right:0}.nav-links{flex-wrap:wrap;justify-content:flex-start}.section-nav a{font-size:.7rem;letter-spacing:.14em;padding:6px 8px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.2rem,6vw,3.4rem)}.snapshot{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 800px){.home{padding:12px 6vw 80px;gap:8px;overflow-x:hidden}.hero{gap:16px}.hero h1{font-size:clamp(2rem,8vw,3rem)}.hero-actions{gap:12px}.ticker{gap:18px;padding:14px 0}.ticker-track{animation-duration:24s}.snapshot,.work-grid{grid-template-columns:1fr}.closing{flex-direction:column;align-items:flex-start;padding:22px 20px}.section-nav{position:sticky;top:12px;gap:8px;padding:6px;border-radius:14px;width:auto;justify-content:flex-start;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-toggle,.hero-nav-toggle{display:inline-flex}.time-desktop{display:none}.time-mobile{display:inline-flex;align-items:center;margin-left:auto}.nav-title{display:none}.section-nav>a{display:none}.nav-links{position:fixed;top:0;left:0;height:100vh;width:min(280px,80vw);background:#0f172afa;border-right:1px solid rgba(226,232,240,.12);padding:36px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;transform:translate(calc(-100% - 8px));transition:transform .25s ease,opacity .25s ease,visibility .25s ease;z-index:4;opacity:0;visibility:hidden;pointer-events:none}.nav-links.is-open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.nav-drawer-title{display:block;align-self:center}.section-nav a{font-size:.85rem;letter-spacing:.16em;padding:6px 4px;width:100%;justify-content:center;text-align:center}.resume-card{padding:20px}.skills-grid{grid-template-columns:1fr}.modal{padding:18px;width:92vw;max-height:88vh}}@media (max-width: 520px){.section-nav{gap:8px}.hero-actions .btn{width:100%;text-align:center}.hero-top{gap:8px}.resume-title{flex-direction:column;align-items:flex-start}.modal-image-wrap{height:48vh}.modal-multi{max-height:52vh}}@media (max-width: 420px){.home{padding:12px 5vw 72px;gap:8px}.hero{margin-top:0}.hero h1{font-size:clamp(1.9rem,9vw,2.6rem)}.pill{font-size:.65rem;padding:5px 10px}.work-header h2,.resume-card h2,.closing h2{font-size:1.4rem}.modal{width:94vw}}.work-page{min-height:100vh;padding:80px 8vw 96px;background:linear-gradient(140deg,#0f172a,#1f2937 55%,#0f172a);color:#f8fafc;display:grid;gap:48px;position:relative}.work-hero{display:grid;gap:16px;max-width:640px}.work-breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.work-breadcrumb{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0a6}.work-breadcrumb a{color:inherit;text-decoration:none}.work-breadcrumb a:hover{color:#e2e8f0}.work-kicker{margin:0;text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:#e2e8f0b3}.work-hero h1{margin:0;font-size:clamp(2.4rem,5vw,3.4rem)}.work-lead{margin:0;color:#e2e8f0cc;line-height:1.7}.work-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.work-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:20px;display:grid;gap:12px;min-height:180px}.work-card h2{margin:0;font-size:1.25rem}.work-card p{margin:0;color:#e2e8f0bf;line-height:1.6}.work-meta{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:#1e293b80;border:1px solid rgba(148,163,184,.15)}.work-meta-row{display:grid;gap:6px}.work-meta-row span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f099}.work-meta-row strong{font-weight:600;color:#f8fafc;font-size:.9rem}.work-meta-row a{color:#e2e8f0;font-weight:600;font-size:.9rem;text-decoration:none;word-break:break-word}.work-meta-row a:hover{color:#f8fafc}.work-languages{display:grid;gap:10px}.work-languages-title{margin:0;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#e2e8f099}.work-language-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#94a3b833}.work-language-segment{height:100%;display:block}.work-language-segment.is-js{background:#facc15}.work-language-segment.is-css{background:#7c3aed}.work-language-segment.is-html{background:#f97316}.work-language-list{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:.85rem;color:#e2e8f0cc}.work-language-item{display:inline-flex;align-items:center;gap:8px}.work-language-item em{font-style:normal;color:#e2e8f0a6}.work-language-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.work-language-dot.is-js{background:#facc15}.work-language-dot.is-css{background:#7c3aed}.work-language-dot.is-html{background:#f97316}.work-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#3b82f626;color:#bfdbfe;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 800px){.work-page{padding:12px 6vw 80px;overflow-x:hidden}}.work-back{position:absolute;width:44px;height:44px;right:calc(8vw + 2px);border-radius:50%;border:1px solid rgba(148,163,184,.35);display:grid;place-items:center;color:#e2e8f0;text-decoration:none;background:#0f172a99;transition:transform .2s ease,border-color .2s ease,color .2s ease}.work-back:hover{transform:translateY(-2px);border-color:#94a3b899;color:#f8fafc}:root{color-scheme:light;font-family:Sora,system-ui,sans-serif;background:#0f172a;color:#1c1a17}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f172a;overflow-x:hidden}#root{overflow-x:hidden}h1,h2,h3{font-family:Space Grotesk,Sora,system-ui,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}