/* Shared palette only. Preserve the approved typography, geometry and effects. */
:root{--navy:#002868;--paint-navy:#002868}
.site-header{background:#002868;color:#fff}
.site-header .brand-type,.site-header .brand-type small,.site-header .main-nav a,.site-header .header-boston-badge{color:#fff}
.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#fff}
.site-header .main-nav .nav-advertise{background:#123f7a;color:#fff;border-color:#6581ad}
.site-header select.language-toggle{background:#002868;color:#fff;border-color:#ffffff55}
.site-header .language-toggle option{background:#fff;color:#002868}
.site-header .menu-toggle{color:#fff}
.hero{background-color:#002868}
.hero::before{background:linear-gradient(90deg,#002868 0%,#002868 28%,#002868f7 43%,#002868c9 58%,#00286870 73%,#00286814 100%)}
.painting-landing,.service-landing{--paint-navy:#002868}
.painting-landing .paint-hero::before,.service-landing .paint-hero::before{background:linear-gradient(90deg,#002868 0%,#002868 29%,#002868f5 42%,#002868a1 60%,#0028681f 85%)}
@media(max-width:820px){.site-header .main-nav{background:#002868}}
@media(max-width:700px){.hero::before{background:linear-gradient(90deg,#002868f7 0%,#002868e8 60%,#002868b8 100%)}.painting-landing .paint-hero::before,.service-landing .paint-hero::before{background:linear-gradient(90deg,#002868fa 0%,#002868e6 65%,#002868c7 100%)}}
/* Keep the photo shade complete even before optional decorative styles arrive. */
.hero::before,.painting-landing .paint-hero::before,.service-landing .paint-hero::before{content:"";position:absolute;inset:0;width:auto;height:auto;opacity:1;transform:none;filter:none;border:0;border-radius:0;z-index:1;pointer-events:none;animation:none}