/* Shared muted slate-blue palette. Layout, typography, imagery and copper accents remain theme-owned. */
:root{--ink:#0b0f13;--surface:#141a20;--muted:#aeb5bc;--line:#2b343e}
body{background-color:var(--ink)}
.site-header.is-solid,.mobile-nav{background-color:var(--ink)}
.site-footer{background-color:#080c10;border-top-color:#27313b}
.corporate-main .market-context{background-color:#1a232c}
.corporate-main .media-frame,.corporate-main .photo-block{background-color:#141a20}
.oc-cookie-banner.oc-cookie-ui{background-color:rgba(14,19,25,.98)}
.oc-cookie-panel{background-color:#141a20}
.corporate-main .editorial-image,.corporate-main .project-image-slot{background-color:#141a20}
.corporate-main .approach-band,.corporate-main .firm-perspective,.corporate-main .ingredient-note{background-color:#1a232c;border-color:#35424f}
.corporate-main .enquiry.container,.corporate-main .other-interest{background-color:#171f27}
.corporate-main .other-interest:last-child{background-color:#1a232c}
.corporate-main .image-needed,.corporate-main .portfolio-card:nth-child(4) .image-needed{background-color:#141a20;border-color:#35424f}
/* Home photographs and captions share the page surface; no tinted caption boxes. */
.corporate-main .profile-photos .photo-block,.corporate-main .profile-photos .media-frame,.corporate-main .profile-photos .photo-caption{background-color:transparent}
/* Keep the summary band and copper links, while removing its former green rules. */
.corporate-main .market-context{border-top:0;border-bottom:0}
/* Shared photo/caption wrappers must blend into their surrounding section on every page. */
.corporate-main .photo-block,.corporate-main .media-frame,.corporate-main .editorial-image,.corporate-main .project-image-slot,
.corporate-main .photo-caption,.corporate-main .image-caption,.corporate-main figcaption,.corporate-main .wp-element-caption{background-color:transparent}
/* Enlarge the separate header/footer artwork by ten percent at each breakpoint. */
.site-header .brand{width:182.6px}.site-header .brand img{height:79.2px}
.site-footer .footer-brand img{width:138.6px}
@media(max-width:1150px){.site-header .brand{width:162.8px}}
@media(max-width:1120px){.site-header .brand{width:154px}.site-header .brand img{height:66px}}
@media(max-width:700px){.site-footer .footer-brand img{width:112.2px}}
@media(orientation:portrait) and (max-width:380px){body:has(.hero-responsive-portrait) .site-header .brand{width:132px}}