/* Shared theme presentation. Light remains the default document. */
html[data-theme="dark"]{color-scheme:dark;--paper:#14191d;--ink:#f4f1e8;--blue:#aebeff;--line:#48535d}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] header{background:#11171c;border-bottom:1px solid #39444f}
[data-theme="dark"] .brand img{background:#f7f7f2;border:1px solid #c3cbd6;border-radius:2px}
[data-theme="dark"] .hero-shade{background:linear-gradient(90deg,rgba(9,16,24,.86),rgba(9,16,24,.66) 85%),linear-gradient(0deg,rgba(9,16,24,.65),transparent 45%)}
[data-theme="dark"] .intro{background:#14191d}
[data-theme="dark"] .services{background:#1b2228}
[data-theme="dark"] .intro p:not(.eyebrow),
[data-theme="dark"] .section-heading>p,
[data-theme="dark"] .service-grid p,
[data-theme="dark"] .project-locations ul,
[data-theme="dark"] .material-study figcaption{color:#c5cdd5}
[data-theme="dark"] .intro p.lead{color:#f4f1e8}
[data-theme="dark"] .material-study figcaption span:first-child{color:#aebeff}
[data-theme="dark"] .art-frame,
[data-theme="dark"] .intro-collage .collage-detail{background:#252e36}
[data-theme="dark"] .intro-collage .collage-detail{box-shadow:0 18px 45px #0008}
[data-theme="dark"] .sequence{background:#111d28}
[data-theme="dark"] .projects{background:#20282f}
[data-theme="dark"] .project-grid>div,
[data-theme="dark"] .project-locations{border-color:#4b5965}
[data-theme="dark"] .work{background:#10171d}
[data-theme="dark"] .gallery .photo-link{background:#202a33;box-shadow:0 0 0 1px #44505c}
[data-theme="dark"] .working{background:#243454}
[data-theme="dark"] .contact{background:#11191f}
[data-theme="dark"] .contact::before{background:rgba(9,16,23,.86)}
[data-theme="dark"] footer{background:#11171c;color:#c5cdd5}
[data-theme="dark"] .button{background:#aebeff;color:#142036}
[data-theme="dark"] .button:hover{background:#c7d2ff}
[data-theme="dark"] .button.light{background:#f4f1e8;color:#1e305c}
[data-theme="dark"] .button.light:hover{background:#dbe3ff}
[data-theme="dark"] .photo-open{background:#111c2a;border-color:#a2aec1}
[data-theme="dark"] .photo-link:hover .photo-open,
[data-theme="dark"] .photo-link:focus-visible .photo-open{background:#aebeff;color:#142036}
[data-theme="dark"] .skip{background:#aebeff;color:#142036}
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] button:focus-visible{outline:3px solid #c3ceff;outline-offset:5px}
[data-theme="dark"] .photo-viewer{background:#192129;border-color:#8997a6}
[data-theme="dark"] .viewer-stage{background:#0d141a}
[data-theme="dark"] .viewer-button{border-color:#8997a6}
[data-theme="dark"] .viewer-button:hover{background:#aebeff;color:#142036}
[data-theme="dark"] ::selection{background:#aebeff;color:#142036}

/* Client theme selection stays in document flow, clear of content. */
.theme-picker{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:5px 18px;background:#121a23;color:#e9edf6;border-bottom:1px solid #8997a6;font:12px/1.3 Arial,Helvetica,sans-serif}
.theme-picker>span{padding:0 9px;color:#c5cdd5}
.theme-picker a{display:grid;place-items:center;min-width:48px;min-height:44px;padding:8px 12px;border-radius:3px}
.theme-picker a[aria-current]{background:#aebeff;color:#142036}
.theme-picker a:hover{background:#344560;color:#fff}
.theme-picker a:focus-visible{outline:3px solid #c3ceff;outline-offset:2px}
@media(max-width:760px){.theme-picker{padding:5px 12px}.theme-picker a{min-height:44px}}
@media print{.theme-picker{display:none}}