/* Shared final navigation and typography treatment. */
body{font-family:var(--sans)}input,textarea,select,button{font-family:var(--sans)}h1,h2,h3{font-family:var(--serif)}
.site-header .nav-quote{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:0 4px 18px rgb(20 18 15 / .1)}
.contact-page .site-header .nav-quote,.work-page .site-header .nav-quote{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.site-header .nav-quote:hover{background:oklch(91% .017 75);color:var(--ink);border-color:oklch(91% .017 75)}
.director-layout{grid-template-rows:auto 1fr;column-gap:9%;row-gap:24px;align-items:start}.director-heading{grid-column:2;grid-row:1}.director-heading h2{font-size:clamp(37px,3.5vw,58px)}.director-heading .eyebrow{margin-bottom:15px}.director-portrait{grid-column:1;grid-row:1 / span 2}.director-copy{grid-column:2;grid-row:2}
@media(max-width:900px){
body .site-header{background:var(--paper);color:var(--ink);padding:18px 5%;border-bottom:1px solid var(--line);gap:20px}
body .site-header .brand img{filter:brightness(0);opacity:.85}
body .site-header .menu-toggle{color:var(--ink);min-width:74px;min-height:44px;justify-content:flex-end}
body .site-header .main-nav{background:var(--paper);color:var(--ink);padding:18px 7% 30px;gap:0;box-shadow:0 18px 24px rgb(25 22 17 / .12);max-height:calc(100svh - 95px);overflow-y:auto}
body .site-header .main-nav>a:not(.button){font-family:var(--serif);font-size:27px;padding:12px 0;border-bottom:1px solid var(--line)}
body .site-header .main-nav>a[aria-current]{color:var(--bronze)}
body .site-header .main-nav .nav-quote{background:var(--ink);color:var(--paper);border-color:var(--ink);width:100%;margin:24px 0 0;justify-content:space-between;padding:17px 20px}
body .site-header .menu-toggle[aria-expanded=true] .menu-lines{transform:rotate(90deg)}.menu-lines{transition:transform .3s}
}
@media(max-width:650px){.director-layout{display:flex;flex-direction:column;gap:28px}.director-heading{order:0}.director-portrait{order:1;width:100%}.director-copy{order:2}.director-heading h2{font-size:37px}.director-heading h2 br{display:none}.director-heading h2{max-width:460px}}
@media(prefers-reduced-motion:reduce){.menu-lines{transition:none}}
.director-portrait .signature{white-space:nowrap;font-size:clamp(34px,4.3vw,65px)}
@media(max-width:650px){.director-portrait .signature{font-size:clamp(34px,10.5vw,58px)}}
@media(max-width:900px){.menu-lines{position:relative;border:0!important;height:18px}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;right:0;height:1px;background:currentColor;transition:transform .25s;top:4px}.menu-lines:after{top:13px}body .site-header .menu-toggle[aria-expanded=true] .menu-lines{transform:none}.menu-toggle[aria-expanded=true] .menu-lines:before{top:9px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:9px;transform:rotate(-45deg)}}

/* Explicit mobile logo variants prevent service styles overriding the shared header. */
@media(max-width:900px){
 body:is(.work-page,.contact-page) #siteHeader{background:var(--paper);color:var(--ink)}
 body:is(.work-page,.contact-page) #siteHeader .brand img{filter:brightness(0);opacity:.85}
 body:is(.home-page,.about-page,.bathrooms-page,.kitchens-page) #siteHeader{background:transparent;color:var(--paper);border-bottom-color:rgb(245 240 230 / .18)}
 body:is(.home-page,.about-page,.bathrooms-page,.kitchens-page) #siteHeader .brand img{filter:brightness(0) invert(.96);opacity:1}
 body:is(.home-page,.about-page,.bathrooms-page,.kitchens-page) #siteHeader .menu-toggle{color:var(--paper)}
 body:is(.home-page,.about-page,.bathrooms-page,.kitchens-page) #siteHeader .main-nav{background:var(--paper);color:var(--ink)}
}

.values-list article:last-child{border-bottom:0}
.google-reviews-mark{width:165px;height:auto;object-fit:contain;margin-bottom:24px}
@media(max-width:600px){.google-reviews-mark{width:140px;margin-bottom:20px}}
