:root{--paper:#0c1020;--ink:#edf0ff;--muted:#aeb6d0;--violet:#b6a0ff;--lime:#89dfef;--dark:#12182c;--line:#303950;--surface:#161d33;--nav:rgba(12,16,32,.94);color-scheme:dark}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);color:var(--ink);padding:12px}.skip-link:focus{top:12px}.menu-toggle{display:none}.role details summary{cursor:pointer;color:var(--violet);padding:10px 0;font-size:16px}.role .career-description{color:var(--muted);font-size:16px;max-width:650px}.timeline-item{grid-template-columns:190px 1fr}.hero-copy,.contact-side,.company-card,.extra-grid>*{min-width:0}.contact-email{max-width:100%}.hero-visual{overflow:clip}.nav{position:relative}
@media(max-width:1000px){.menu-toggle{display:block;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:10px;font-size:14px;border-radius:6px}.nav-links.menu-open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line);z-index:6}.nav-links.menu-open a{padding:10px}.timeline-item{grid-template-columns:1fr}}
@media(max-width:420px){.nav-cta{display:none}.hero-actions{gap:16px}.hero-meta{gap:14px}.points-grid article.wide-point{padding:16px}.contact-email{font-size:18px}.extra-grid,.detail-toolkit{gap:28px}}
:root[data-theme=light]{--paper:#f3f5fc;--ink:#18213a;--muted:#515e79;--violet:#6342b9;--lime:#19768a;--dark:#e8edf9;--line:#c7cfe2;--surface:#e9edf8;--nav:rgba(243,245,252,.95);color-scheme:light}
body{background:var(--paper);color:var(--ink)}
.nav-wrap{background:var(--nav)}.nav{gap:20px}.nav-links{margin-left:auto}.theme-toggle{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:10px 16px;cursor:pointer;font:600 14px Manrope,Arial,sans-serif;white-space:nowrap}
a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:5px}section[id]{scroll-margin-top:100px}
.hero{position:relative;background:radial-gradient(ellipse at 85% 35%,#ad71ff15,transparent 60%);gap:48px}.hero h1{font-size:clamp(48px,6.4vw,80px);line-height:1.05;letter-spacing:-.06em}.hero h1 em{color:var(--violet)}.hero-text,.about-copy,.extra-lead,.extra-content p,.role ul,.company-role p,.company-card>p:not(.company-type),.points-grid ul{color:var(--muted)}
.profile-card{transform:rotate(2deg);background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:14px 16px 0 #9b78ec24,0 20px 80px #ad71ff17}.profile-card:hover{transform:rotate(0)}.card-top,.card-bottom{color:var(--muted)}.card-bottom b{color:var(--lime)}.portrait{height:370px}.portrait-label{color:white;text-shadow:0 2px 5px #000}.orbit-a{border-color:#b6a0ff35;max-width:100%}.orbit-b{border-color:#89dfef25;max-width:95%}.floating-note{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:14px}.note-icon,.ai-builder-note span{background:var(--violet);color:var(--paper)}
.button-primary{background:var(--violet);color:var(--paper);border-radius:6px}.button-primary:hover{background:var(--lime)}.nav-cta{border-color:var(--line);border-radius:6px}.brand-mark{background:var(--violet);color:var(--paper)}
.marquee{background:var(--surface);border-color:var(--line);color:var(--lime)}.marquee-track{animation:none;justify-content:center;width:auto;flex-wrap:wrap;white-space:normal;font-size:14px}.marquee-track>span:last-of-type,.marquee-track>i:last-child{display:none}
.section-dark,.experience-detail{background:var(--dark);color:var(--ink)}.section-kicker.light{color:var(--muted)}.cap-list p,.tool-groups p{color:var(--muted);font-size:16px}.cap-list article,.tool-groups>div{border-color:var(--line)}.skills-section,.extra-info{background:var(--paper)}.skills-cloud span,.skills-cloud span:nth-child(3n),.extra-content article,.extra-content article:last-child{background:var(--surface);border-color:var(--line);color:var(--ink)}
.company-card,.company-card.featured{background:var(--surface);border-color:var(--line);color:var(--ink)}.company-card.featured{box-shadow:inset 0 3px var(--violet)}.company-card.featured>p:not(.company-type),.featured .company-role p{color:var(--muted)}.points-grid article.wide-point{background:var(--surface);border-color:var(--line)}
.contact-section{background:linear-gradient(135deg,var(--dark),var(--surface));color:var(--ink);border-top:1px solid var(--line)}.contact-section em{color:var(--violet)}.contact-side p,.contact-email,.contact-links a{color:var(--ink)}.contact-email{overflow-wrap:anywhere}.contact-section h2{line-height:1.08}
.eyebrow,.section-kicker,.detail-label,.nav-links a,.text-link,.nav-cta,.ai-builder-note,.skills-cloud span,.company-tags span,.company-type,.company-role b,.contact-links a{font-size:14px;line-height:1.6}.company-role p,.company-card>p:not(.company-type),.extra-content p,.points-grid ul{font-size:16px}.hero-meta span,.time,.tag,.footer,.card-top,.card-bottom{font-size:12px;line-height:1.6}.card-index{display:none}.status-dot{flex-shrink:0}.hero-actions{flex-wrap:wrap}.noise{opacity:.018}
.beyond{border-top:1px solid var(--line)}.beyond-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:35px}.beyond p{font-size:18px;color:var(--muted);margin-top:0}.interest-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.interest-tags span{font:14px 'DM Mono',monospace;color:var(--lime);border:1px solid var(--line);padding:10px 14px;border-radius:4px}.beyond .personal-note{font-size:14px;color:var(--violet)}
@media(max-width:800px){.nav{gap:10px;flex-wrap:wrap;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.brand{margin-right:auto}.nav-cta{font-size:12px;padding:8px}.theme-toggle{padding:8px 12px}.beyond-layout{grid-template-columns:1fr;gap:30px}.hero-visual{min-width:0}.hero h1{font-size:clamp(44px,10vw,70px)}.profile-card{width:78%;padding:12px}.portrait{height:320px}.note-one{right:0}.note-two{left:0}.hero-meta{flex-wrap:wrap}.company-type{min-height:0}.contact-grid{gap:30px}.contact-section h2{letter-spacing:-.055em}.container{padding-left:22px;padding-right:22px}.card-top{font-size:12px}.hero-meta span{font-size:12px}}
.work-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-top:32px}.work-heading p,.work-story p,.work-story ul,.work-intro p,.work-context p,.process-intro,.process-steps p{color:var(--muted);font-size:16px;line-height:1.75}.work-feature{display:grid;grid-template-columns:1fr 1.6fr;margin-top:48px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.work-intro{padding:36px;border-right:1px solid var(--line);background:linear-gradient(145deg,#ac7cff18,transparent)}.work-intro h3{font:600 64px 'Space Grotesk',sans-serif;margin:32px 0 12px;letter-spacing:-.05em}.work-story{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-story h4{font-size:18px;margin:0;color:var(--ink)}.work-story p{margin-bottom:0}.work-story ul{padding-left:20px}.work-context{padding:28px 0;border-bottom:1px solid var(--line)}.work-context>span{color:var(--violet);font:14px 'DM Mono',monospace}.build-process>h2{margin-top:32px}.process-intro{max-width:660px;margin-top:24px}.process-steps{list-style:none;counter-reset:stage;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;margin-top:48px}.process-steps li{counter-increment:stage;border-top:1px solid var(--line);padding-top:24px}.process-steps li:before{content:'0' counter(stage);font:14px 'DM Mono',monospace;color:var(--violet)}.process-steps h3{font:600 22px 'Space Grotesk',sans-serif;margin:20px 0 10px}.nav-links{gap:18px}@media(max-width:1000px){.nav-links{display:none}.work-heading{gap:24px}.process-steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.work-heading,.work-feature,.work-story,.process-steps{grid-template-columns:1fr}.work-intro{border-right:0;border-bottom:1px solid var(--line);padding:24px}.work-story{padding:24px}}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#89dfef,#b6a0ff,#ee92cd);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none;box-shadow:0 0 12px #b6a0ff66}
.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.scroll-reveal.in-view,.scroll-reveal:focus-within{opacity:1;transform:translateY(0)}
.company-grid>.scroll-reveal:nth-child(2),.points-grid>.scroll-reveal:nth-child(even){transition-delay:80ms}
.company-grid>.scroll-reveal:nth-child(3){transition-delay:160ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.scroll-reveal{opacity:1;transform:none}.scroll-progress{display:none}}