/* A quiet, legible frame for the work, shared by every public page. */
.site-header{gap:24px;padding-inline:clamp(24px,3vw,72px);background:#faf9f5fa}
.site-header .brand{flex-shrink:0;gap:12px;min-height:60px}
.site-header .brand>span,.site-header .brand small{white-space:nowrap}
.site-header #navigation{gap:clamp(6px,1vw,18px);min-width:0}
.site-header #navigation>a{font-size:13px;line-height:1.4;white-space:nowrap;min-height:48px}
.site-header #navigation>a:not(.button){display:flex;align-items:center;padding:12px 8px;border-bottom:2px solid transparent;color:var(--ink);font-weight:500}
.site-header #navigation>a[aria-current]:not(.button){border-bottom-color:var(--gold);font-weight:700}
.site-header #navigation>a:not(.button):hover{background:#b9934210;border-bottom-color:var(--gold)}
.site-header #navigation>.nav-cta{padding:13px 19px;gap:24px;min-height:50px}
.site-header #navigation>.nav-cta[aria-current]{outline:2px solid var(--gold);outline-offset:3px}
.site-header :is(a,button):focus-visible{outline:2px solid #8d651b;outline-offset:3px}
.site-header #navigation .inspiration-count{margin-left:7px;min-width:24px;min-height:24px;flex-shrink:0}
.navigation-open .mobile-enquire,.navigation-open .shortlist-dock{display:none}
@media(max-width:1100px){
 .site-header{height:78px;padding-inline:5%;gap:16px}
 .site-header .brand{gap:10px;min-height:50px}
 .site-header .brand img{width:50px;height:50px}
 .site-header .brand>span{font-size:18px}
 .site-header .brand small{font-size:8px;letter-spacing:.04em}
 .site-header #menu{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:88px;min-height:46px;padding:10px 12px;border:1px solid #a58c5866;background:transparent;color:var(--ink);font-size:13px;line-height:1.4}
 .site-header #menu [data-menu-icon]{font-size:19px;line-height:1}
 .site-header #menu[aria-expanded=true]{background:var(--ink);color:var(--paper);border-color:var(--gold)}
 .site-header #menu[aria-expanded=true] [data-menu-icon]{color:var(--gold-light)}
 .site-header #navigation{display:none;position:absolute;inset:100% 0 auto;background:#faf9f5;padding:10px 5% 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-bottom:1px solid var(--gold-line);box-shadow:0 15px 25px #18181812;gap:0;max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
 .site-header #navigation.open{display:flex;flex-direction:column;align-items:stretch}
 .site-header #navigation>a{flex-shrink:0;white-space:normal}
 .site-header #navigation>a:not(.button){min-height:56px;padding:13px 16px;font-size:17px;line-height:1.5;border-bottom:1px solid #161a1717;border-left:3px solid transparent}
 .site-header #navigation>a[aria-current]:not(.button){border-left-color:var(--gold);border-bottom-color:#161a1717;background:#b9934212}
 .site-header #navigation>a:not(.button):hover{border-left-color:var(--gold);border-bottom-color:#161a1717}
 .site-header #navigation>.nav-cta{margin-top:16px;min-height:52px;justify-content:space-between;padding:14px 19px;font-size:14px}
 .site-header #navigation>a:focus-visible{outline-offset:-3px}
}
@media(max-width:520px){
 .site-header .brand img{width:46px;height:46px}
 .site-header .brand>span{font-size:16px}
 .site-header .brand small{font-size:7.5px}
 .site-header{gap:12px}
}
@media(max-width:380px){
 .site-header{height:72px;gap:8px}
 .site-header .brand{gap:8px}
 .site-header .brand img{width:42px;height:42px}
 .site-header .brand>span{font-size:15px}
 .site-header .brand small{font-size:7px}
 .site-header #menu{min-width:80px;padding-inline:10px}
 .site-header #navigation{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px)}
}