/* 18a.studio light variant — palette from new.18a.studio.
   Load AFTER site.css. Media colours are intentionally preserved. */
:root{--paper:#F7F5EF;--ink:#0A0A0A;--muted:#62615d;--line:#b7b5af;color-scheme:light}
.header,.menu-dialog,.menu-dialog::backdrop{background:var(--paper);color:var(--ink)}
.header .logo img{filter:brightness(0)}
.menu-dialog nav a:hover{-webkit-text-stroke-color:var(--ink)}
.outline-button,.mobile-menu,.dialog-close,.filters button{border-color:var(--ink)}
.outline-button:hover,.filters [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.footer-bottom,.credits dt{color:var(--muted)}
.credits{border-color:var(--line)}
.outline-type{-webkit-text-stroke-color:var(--ink)}
a:focus-visible,button:focus-visible{outline-color:var(--ink)}
/* These sections place typography on moving images. */
.home-cover,.category-switch,.category-hero,.service-section,.about-hero,
.project-overlay,.team-bio,.case-close,.film,.nojs{color:#efefef}
.category-hero .outline-type,.service-section .outline-type,.about-hero .outline-type{-webkit-text-stroke-color:#efefef}
.home-cover a:focus-visible,.home-cover button:focus-visible,
.category-switch a:focus-visible,.category-hero a:focus-visible,
.service-section a:focus-visible,.about-hero a:focus-visible,
.film button:focus-visible,.case-close:focus-visible{outline-color:#fff}
/* Touch biographies sit below portraits on the page background. */
@media(hover:none){.team-bio{color:var(--ink)}}