/* Reference palette. Section fills do not alter the existing layout or content. */
body{overflow-x:clip}
::selection{background:#d2cafa;color:#1b1d49}
.site-header,.hero,.site-footer,.work-section,.project-overview{position:relative;isolation:isolate}
.site-header::before,.hero::before,.site-footer::before,.work-section::before,.project-overview::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);background:var(--section-fill);pointer-events:none;
}
.site-header,.hero,.site-footer{
  --section-fill:#191b49;--paper:#191b49;--surface:#26284f;--ink:#fff;--muted:#d2cdeb;--line:#414374;--blue:#b5a4ff;--blue-tint:#30315b;
  color:var(--ink);
}
.site-header{z-index:40}
.site-footer{--section-fill:#131531}
.hero-action.primary{background:#5e48de;border-color:#5e48de;color:#fff}
.hero-action.primary:hover{background:#4d38c5;border-color:#a99cec}
.hero-action:not(.primary):hover{background:#292b59}
.airspeed-car{filter:url(#car-violet-color)}
.airspeed-ramp{background:linear-gradient(90deg,#669cd6,#63bfd1,#85c09f,#ddbd73,#e39a7d)}
.work-section{--section-fill:#eae5ff}
.project-overview{color:var(--ink);border-color:var(--line)}
.project-overview[data-project="helicopter"]{
  --section-fill:#d2cafa;--paper:#d2cafa;--surface:#e4ddff;--ink:#1b1d49;--muted:#3e3c64;--blue:#433791;--line:#aea0df;
}
.project-overview[data-project="roto"]{
  --section-fill:#a99cec;--paper:#a99cec;--surface:#c5baf5;--ink:#1b1d49;--muted:#303255;--blue:#1b1d49;--line:#786eb3;
}
.project-overview[data-project="ev-2026"]{
  --section-fill:#5b4dc5;--paper:#5b4dc5;--surface:#6a5bd2;--ink:#fff;--muted:#f1ecff;--blue:#ece8ff;--line:#a092e3;
}
.project-overview[data-project="ev-2025"]{
  --section-fill:#1b1d49;--paper:#1b1d49;--surface:#292b58;--ink:#fff;--muted:#d2cafa;--blue:#b5a4ff;--line:#57547e;
}
.project-overview .project-open{background:#4934aa;border-color:#4934aa;color:#fff}
.project-overview .project-open:hover{background:#302576;border-color:#302576}
.project-overview[data-project="ev-2026"] .project-open,.project-overview[data-project="ev-2025"] .project-open{background:#d2cafa;border-color:#d2cafa;color:#1b1d49}
.project-overview[data-project="ev-2026"] .project-open:hover,.project-overview[data-project="ev-2025"] .project-open:hover{background:#eee9ff;border-color:#eee9ff}
.source-actions button,.source-actions a{color:#eeebff;border-color:#817aa6}
.source-actions button:hover,.source-actions a:hover{background:#403765;border-color:#b4a5ff}
.source-code{scrollbar-color:#817aa6 var(--code-paper)}
.source-code ::selection{background:#5b4dc5;color:#fff}

/* The user separately authorized this About layout to match the close-up. */
.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:var(--s24)}
.about-copy h2{font:550 clamp(2.25rem,4.3vw,3.75rem)/1.12 var(--display);letter-spacing:-.05em}
.about-copy .about-lead{margin-top:var(--s4);font-size:var(--text-body);color:var(--muted)}
.about-copy .about-body{margin-top:var(--s3)}
.about-sidebar{display:grid;gap:var(--s8);padding-top:var(--s2)}
.about-sidebar section{padding-left:var(--s6);border-left:2px solid #a99cec}
.about-sidebar .education-note{margin:0;padding-top:0;border-top:0}
.about-sidebar h3{font:650 var(--text-body)/1.5 var(--font);color:var(--ink)}
.about-sidebar .education-note p{margin-top:var(--s1);color:var(--muted);font-size:var(--text-body)}
.about-sidebar .skills-title{font:550 var(--text-label)/1.5 var(--mono);color:#5842d6;letter-spacing:.06em}
.skills-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0;padding:0}
.skills-list li{padding:var(--s1) var(--s3);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:var(--text-label);line-height:1.5}
.about-copy .profile-links{gap:var(--s3)}
.about-copy .profile-links a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--radius-small)}
.about-copy .profile-links .connect-link{background:#5842d6;border-color:#5842d6;color:#fff}
.about-copy .profile-links .connect-link:hover{background:#433791;border-color:#433791}
.about-copy .profile-links .connect-link .external-arrow{color:#fff}
@media(max-width:800px){.about-grid{grid-template-columns:1fr;gap:var(--s8)}.about-sidebar{padding-top:0}}