/* The header control is present on desktop and phones. */
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ded6ea;border-radius:50%;background:#fff;color:#42327e;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.theme-toggle:hover{background:#f1edf8}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun{display:none}
html[data-theme="dark"] .theme-toggle .sun{display:block}html[data-theme="dark"] .theme-toggle .moon{display:none}
html[data-theme="dark"]{--bg:#15121d;--cream:#f1eaf8;--muted:#b9aec8;--gold:#c2a9f0;--line:#3a304b;color-scheme:dark}
html[data-theme="dark"] body{background:#15121d;color:#f1eaf8}
html[data-theme="dark"] ::selection{background:#5f4184;color:#fff}
html[data-theme="dark"] .brand{color:#eddefd}html[data-theme="dark"] .brand-logo{filter:brightness(1.7)}html[data-theme="dark"] .brand-sub{color:#a998bc}
html[data-theme="dark"] #site-header.is-scrolled{background:#15121de0;box-shadow:0 1px 0 #e6cfff0c}
html[data-theme="dark"] .header-contact{background:#c9b0ed;color:#211430;border-color:#c9b0ed}html[data-theme="dark"] .header-contact:hover{background:#dec7fb}
html[data-theme="dark"] .theme-toggle{background:#241d30;color:#e1c9ff;border-color:#51415f}html[data-theme="dark"] .theme-toggle:hover{background:#382947}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .work h2,html[data-theme="dark"] .about-us h2{color:#f1eaf8}
html[data-theme="dark"] em,html[data-theme="dark"] .objectives-copy h2{color:#c2a9f0}
html[data-theme="dark"] .hero-copy::before{background:radial-gradient(ellipse,#15121de8,transparent 72%)}
html[data-theme="dark"] .intro,html[data-theme="dark"] .hero-index,html[data-theme="dark"] .work-head .work-intro{color:#b0a2bd}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .hero-caption,html[data-theme="dark"] .hover-name,html[data-theme="dark"] .assembly-meter{color:#c2a9f0}
html[data-theme="dark"] .about-us,html[data-theme="dark"] .objectives,html[data-theme="dark"] .about-us::before{background:#15121d}
html[data-theme="dark"] .about-copy{background:#15121de8}html[data-theme="dark"] .objectives-copy::before{background:linear-gradient(90deg,#15121df2 78%,#15121d00)}
html[data-theme="dark"] .about-copy p,html[data-theme="dark"] .objectives-copy>p:not(.eyebrow){color:#c6bace}
html[data-theme="dark"] .fist-aura{background:radial-gradient(ellipse,#9582a90d,transparent 65%)}html[data-theme="dark"] .map-glow{background:radial-gradient(ellipse at 60% 50%,#a780c518,transparent 65%)}
html[data-theme="dark"] .portrait-circle{background:#251c30;border-color:#76618c;box-shadow:0 8px 25px #0002}html[data-theme="dark"] .about-people figcaption{color:#baa0cf}
html[data-theme="dark"] #state-map path.selected{fill:#dac1fa26;stroke:#e4ceff}html[data-theme="dark"] #state-map.show-borders path{stroke:#c9a9e477}
html[data-theme="dark"] .map-tools button{color:#c5b4d5}html[data-theme="dark"] .map-tools button:hover,html[data-theme="dark"] .map-tools button[aria-pressed=true]{color:#f0d9ff}
html[data-theme="dark"] .map-stage .map-tools{background:#241c30ed;border-color:#51405f;box-shadow:0 3px 15px #0002}
html[data-theme="dark"] .assembly-meter i{background:#4d3d5f}
html[data-theme="dark"] .intro-loader{background:#15121d;color:#eddefd}html[data-theme="dark"] .loader-wordmark span,html[data-theme="dark"] .loader-readout p{color:#b6a1c7}html[data-theme="dark"] #loader-progress>i{background:#493455}html[data-theme="dark"] #loader-continue{color:#eddefd;border-color:#9a78b6}
html[data-theme="dark"] .state-panel{background:#15121d}html[data-theme="dark"] .portfolio-selector label,html[data-theme="dark"] .state-detail>.eyebrow{color:#ab94bc}
html[data-theme="dark"] .state-panel select{background:#15121d;color:#dac2f6;border-color:#493653}
html[data-theme="dark"] .state-image{background:#251c30}html[data-theme="dark"] .state-detail h3{color:#eee0fc}html[data-theme="dark"] .state-detail h4{color:#cbb1ed}
html[data-theme="dark"] .state-detail>p:not(.eyebrow),html[data-theme="dark"] #state-projects li{color:#b8a6c6}
html[data-theme="dark"] .portfolio-controls button{background:#251b30;border-color:#4f3c5d;color:#e1c9ff}html[data-theme="dark"] #state-step{color:#d9bef1}html[data-theme="dark"] #state-step i{color:#776084}html[data-theme="dark"] .portfolio-source{color:#a38bb3}
html[data-theme="dark"] .state-tabs{border-color:#3b2c48}html[data-theme="dark"] .state-tabs button{color:#9c86ae}html[data-theme="dark"] .state-tabs button[aria-pressed=true]{color:#eee0fc}
html[data-theme="dark"] footer{background:#15121d;border-color:#3b2c48}html[data-theme="dark"] footer>p,html[data-theme="dark"] details,html[data-theme="dark"] .footer-end{color:#ad9cbb}html[data-theme="dark"] summary{color:#d2b7f2}
@media(max-width:1000px) and (min-width:601px){.header-actions{gap:8px}.theme-toggle{width:32px;height:32px;flex-basis:32px}#site-header nav{gap:14px}}
@media(max-width:600px){.header-actions{gap:7px;justify-self:end}#site-header .brand{font-size:9px;letter-spacing:1.1px;gap:6px}.brand-logo{width:34px;height:34px}#site-header .brand-sub{left:40px!important;top:26px!important;font-size:4.5px;letter-spacing:1.1px}.theme-toggle{width:30px;height:30px;flex-basis:30px}.theme-toggle svg{width:15px;height:15px}.header-contact{padding:9px;gap:6px;font-size:7px}html[data-theme="dark"] .objectives-copy::before{background:#15121df2}}
@media(max-width:360px){#site-header.container{column-gap:6px}#site-header .brand{font-size:8px;letter-spacing:.6px}.brand-logo{width:30px;height:30px}#site-header .brand-sub{left:36px!important;font-size:4px;letter-spacing:.8px}.header-actions{gap:5px}.header-contact{padding:8px 7px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}