/* Shared geometry keeps both appearances steady while switching. */
header{gap:24px}.brand{background:#f8f6f2;padding:13px 16px;width:272px;border-bottom:3px solid #008657}
header>nav{margin-left:auto;gap:26px}.appearance{display:flex;flex-shrink:0;gap:3px;padding:4px;border:1px solid var(--line);border-radius:28px}.appearance[hidden]{display:none}
.appearance button{border:0;border-radius:22px;background:transparent;color:var(--muted);font:12px Arial,sans-serif;padding:10px 12px;min-height:40px;cursor:pointer;white-space:nowrap}
.appearance button[aria-pressed=true]{background:#183c2b;color:#fff}
html[data-theme=night] .appearance button[aria-pressed=true]{background:#9bd3b5;color:#14271c}
.appearance button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.image-viewer{background:var(--bg);color:var(--ink)}.viewer-tools button{color:var(--ink);border-color:var(--muted)}
@media(prefers-reduced-motion:no-preference){:root.theme-interactive :is(body,header,footer,.h-services,.h-contact,.contact,.h-studio,.appearance button,.enquiry-form input,.enquiry-form select,.enquiry-form textarea){transition:background-color .2s ease,color .2s ease,border-color .2s ease}}
@media(max-width:1050px){header>nav{gap:17px}.brand{width:235px}header{gap:16px}}
@media(max-width:900px){header{height:auto;min-height:112px;padding:14px 6%;display:grid;grid-template-columns:1fr auto;gap:10px 16px}header>nav{display:none}.brand{width:min(236px,65vw);padding:11px 13px}.mobile-menu{display:block;grid-column:2;grid-row:1;position:relative}.appearance{grid-column:1/-1;justify-self:end}.appearance button{min-height:40px;padding:8px 13px}.mobile-menu>div{position:absolute;right:0;top:40px;width:205px;padding:16px;background:var(--bg);border:1px solid var(--line);z-index:40}.mobile-menu a{display:block;padding:12px;color:var(--ink)}}

html[data-theme="night"] .brand{width:272px}html[data-theme="night"] .image-viewer{background:var(--bg)}
@media(max-width:1050px){html[data-theme="night"] .brand{width:235px}}
@media(max-width:900px){html[data-theme="night"] .brand{width:min(236px,65vw);padding:11px 13px}}