/* Two small palette swatches stay available throughout all three sections. */
.theme-switch{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);display:flex;gap:2px;align-items:center}
.theme-swatch{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:3px}
.theme-swatch>span{display:block;width:22px;height:22px;border:1px solid #989a9780;border-radius:2px;transition:transform .2s;background:linear-gradient(135deg,#0b0c0d 50%,#f2f1ed 50%)}
.theme-swatch[data-theme-choice="blue"]>span{background:linear-gradient(135deg,#f7f9ff 50%,#164cdb 50%)}
.theme-swatch:after{content:'';position:absolute;inset:5px;border:1px solid transparent;border-radius:3px}
.theme-swatch[aria-pressed="true"]:after{border-color:var(--text)}
.theme-swatch:hover>span{transform:scale(1.08)}
.theme-swatch:focus-visible{outline-offset:0}
.home-navigation{margin-right:110px}
.project-navigation{right:calc(var(--gutter) + 110px)}

html[data-theme="blue"]{color-scheme:light;--bg:#f7f9ff;--text:#164cdb;--accent:#164cdb;--muted:#596d98;--line:rgba(22,76,219,.22)}
html[data-theme="blue"] .site-header.scrolled{background:rgba(247,249,255,.9)}
html[data-theme="blue"] .grain{filter:invert(1);opacity:.022}
html[data-theme="blue"] .skip-link{color:var(--bg)}
html[data-theme="blue"] :is(.rail-project,.rail-project:hover,.archive-date,.physics-ball,.merge-button,.merge-button:hover){color:var(--text)}
html[data-theme="blue"] .archive-project:before{background:var(--line)}
html[data-theme="blue"] .gallery-arrow{border-color:rgba(22,76,219,.4);background:rgba(247,249,255,.4)}
html[data-theme="blue"] :is(.gallery-arrow:hover,.gallery-arrow:active){background:var(--accent);border-color:var(--accent);color:var(--bg)}
html[data-theme="blue"] .details{background:rgba(247,249,255,.88);border-color:var(--line);box-shadow:-25px 0 100px #164cdb14}
html[data-theme="blue"] .details::backdrop{background:rgba(26,55,122,.16)}
html[data-theme="blue"] .detail-scroll>img{background:transparent}
html[data-theme="blue"] :is(.detail-body>p:not(.eyebrow),.detail-tags span){color:#35548e}
html[data-theme="blue"] .contact-card{background:rgba(247,249,255,.9);border-color:var(--line);box-shadow:0 18px 65px #164cdb18}
html[data-theme="blue"] :is(.physics-box,.physics-burst){border-color:var(--line)}
html[data-theme="blue"] .physics-ball{border-color:rgba(22,76,219,.4)}
html[data-theme="blue"] .physics-ball:hover{border-color:var(--accent)}
html[data-theme="blue"] .physics-particle{background:var(--accent)}

@media(min-width:701px) and (max-width:1100px){
 .project-navigation{gap:16px;right:calc(var(--gutter) + 96px)}
 .nav-target{font-size:17px;gap:8px}.nav-target.current{font-size:23px}
}
@media(max-width:700px){
 .theme-switch{top:17px;transform:none;gap:0}
 .theme-swatch{width:40px;height:38px}
 .home-navigation{margin-right:0}
 .home-actions{top:21px;position:relative}
 .contact-trigger{padding:6px 0}
 .project-navigation{right:var(--gutter)}
 .nav-target.current{max-width:calc(100vw - 2 * var(--gutter) - 94px)}
 .nav-home{grid-row:2}
}
@media(max-width:380px){.project-navigation{gap:0 9px}.nav-target{font-size:10px}.nav-target.current{font-size:16px}.nav-home{font-size:11px!important}}