/* Scheme A: calm warm paper, lagoon blue accents; all image pixels preserved. */
.site-header {
  background: #f6f3eb;
  color: #262b2d;
  border-bottom: 1px solid #d6ddd9;
  backdrop-filter: none;
}
.site-header .logo { background: transparent; }
.site-header .brand-wordmark { filter: none; opacity: 1; }
.site-header .menu-toggle span { background: #262b2d; }
.site-header .header-inner nav a { color: #262b2d; }
.site-header .header-inner nav a:after { background: #087f8c; }
.site-header .header-inner nav a[href='/street/'] { background: #f2d34f; color: #262b2d; }
.site-header .header-cta { background: #087f8c; color: #ffffff; }
.site-header .header-cta:hover { background: #066773; }
@media (max-width: 1020px) {
  .site-header .header-inner nav { background: #f6f3eb; border-bottom-color: #d6ddd9; }
}
.home-scheme-a {
  --paper: #f6f3eb;
  --ink: #262b2d;
  --lime: #f2d34f;
  --teal: #087f8c;
  --muted: #596469;
  --line: #d6ddd9;
  background: #f6f3eb;
  color: #262b2d;
}
.home-scheme-a .home-hero { background: #f6f3eb; color: #262b2d; }
.home-scheme-a .hero-art img { filter: none; }
.home-scheme-a .hero-art:after { display: none; background: none; }
.home-scheme-a .hero-content .eyebrow { color: #596469; }
.home-scheme-a .status-dot { background: #087f8c; }
.home-scheme-a .home-hero h1 { color: #262b2d; }
.home-scheme-a .home-hero .paint-text { color: #087f8c; }
.home-scheme-a .home-hero .paint-text:after { background: #f2d34f; }
.home-scheme-a .hero-english { color: #262b2d; background: #f6f3eb; }
.home-scheme-a .hero-english span { color: #087f8c; }
.home-scheme-a .hero-description { color: #596469; background: #f6f3eb; width: fit-content; max-width: 100%; }
.home-scheme-a .hero-foot { color: #596469; }
.home-scheme-a .hero-foot > * { background: #f6f3eb; }
.home-scheme-a .hero-caption { color: #262b2d; background: #f6f3eb; }
.home-scheme-a .hero-sticker { background: #f2d34f; color: #262b2d; }
.home-scheme-a .button { background: #087f8c; color: #ffffff; }
.home-scheme-a .button:hover { background: #066773; }
.home-scheme-a .button-outline { background: #f6f3eb; color: #087f8c; border-color: #087f8c; }
.home-scheme-a .button-outline:hover { background: #e3f1f0; }
.home-scheme-a .button-dark { background: #087f8c; color: #ffffff; }
.home-scheme-a .ticker { background: #e5f0ee; color: #087f8c; border-top: 1px solid #c8dcda; border-bottom: 1px solid #c8dcda; }
.home-scheme-a .ticker span { color: #947a0b; }
.home-scheme-a .graffiti-spotlight { background: #eef1e9; }
.home-scheme-a .graffiti-key-facts { border-color: #d0dcd5; }
.home-scheme-a .stats strong span { color: #087f8c; }
.home-scheme-a .street-feature { background: #e3f1f0; color: #262b2d; }
.home-scheme-a .street-feature-copy .eyebrow,
.home-scheme-a .street-feature-copy h2 span { color: #087f8c; }
.home-scheme-a .street-feature-copy > p:not(.eyebrow) { color: #596469; }
.home-scheme-a .feature-facts { border-color: #b7d5d3; }
.home-scheme-a .street-feature-image,
.home-scheme-a .street-feature-image img { background: #e3f1f0; }
.home-scheme-a .portfolio-home { background: #edf1e9; }
.home-scheme-a .partners-teaser { background: #edf1e9; border-top-color: #087f8c; }
.home-scheme-a .partner-name-strip span { background: #f6f3eb; border-bottom-color: #087f8c; }
.home-scheme-a .cta { background: #e3f1f0; }
.home-scheme-a .footer { background: #eeeee5; color: #262b2d; border-top: 1px solid #d6ddd9; }
.home-scheme-a .footer .logo { background: transparent; }
.home-scheme-a .footer-top > div > p,
.home-scheme-a .footer-top > div > a:not(.logo),
.home-scheme-a .social-links,
.home-scheme-a .footer-bottom { color: #596469; }
.home-scheme-a .footer-bottom { border-color: #c7d0c8; }
.home-scheme-a .floating-wa { background: #087f8c; color: #ffffff; border-color: #066773; }
.home-scheme-a .service-row:hover { background: #e3f1f0; }
.home-scheme-a .work-plus { background: #f6f3eb; color: #087f8c; }
.home-scheme-a a:focus-visible,
.home-scheme-a button:focus-visible { outline-color: #087f8c; }
@media (max-width: 700px) {
  .home-scheme-a .home-hero { background: #f6f3eb; }
  .home-scheme-a .hero-art img { filter: none; }
  .home-scheme-a .hero-art:after { display: none; background: none; }
  .home-scheme-a .hero-foot > * { color: #262b2d; }
}

/* Interaction refinement: keep shared controls consistent without recolouring dark inner-page copy. */
.site-header .header-inner nav a:hover,
.site-header .header-inner nav a[aria-current='page'] {
  color: #087f8c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
  background: #e3f1f0;
}
.site-header .header-inner nav a[href='/street/']:not([aria-current='page']):not(:hover) {
  color: #262b2d;
  background: #f2d34f;
}
.site-header .menu-toggle[aria-expanded='true'] { background: #e3f1f0; box-shadow: inset 0 0 0 2px #087f8c; }
body .button,
body .button-dark,
.site-header .header-cta {
  background: #087f8c;
  color: #ffffff;
  border-color: #087f8c;
}
body .button:hover,
body .button-dark:hover,
.site-header .header-cta:hover {
  background: #066773;
  color: #ffffff;
  border-color: #066773;
}
body .button-outline {
  background: #f6f3eb;
  color: #087f8c;
  border-color: #087f8c;
}
body .button-outline:hover {
  background: #e3f1f0;
  color: #087f8c;
  border-color: #087f8c;
}
body .button:active,
.site-header .header-cta:active { background: #066773; color: #ffffff; transform: translateY(1px); }
body .button-outline:active { background: #d2e7e5; color: #087f8c; }
.site-header nav a:active { background: #d2e7e5; }
.site-header .menu-toggle:active { background: #d2e7e5; }
body :is(a,button,summary,input,select,textarea):focus-visible {
  outline: 3px solid #087f8c;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #f6f3eb;
}
.home-scheme-a .course-card,
.home-scheme-a .work-card,
.home-scheme-a .service-row {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #d9ded9;
}
.home-scheme-a .course-card .card-bottom strong,
.home-scheme-a .graffiti-key-facts strong,
.home-scheme-a .text-link { color: #087f8c; }
.home-scheme-a .text-link { border-color: #087f8c; }
.home-scheme-a .text-link:hover { color: #066773; border-color: #066773; }
.home-scheme-a .course-card:hover,
.home-scheme-a .service-row:hover { background: #f6f3eb; }
.home-scheme-a .work-card:hover { background: #f6f3eb; }
.home-scheme-a .floating-wa:hover { background: #066773; color: #ffffff; }
.home-scheme-a .floating-wa:active { transform: translateY(1px); }

/* The specified #087f8c falls below 4.5:1 on warm white for small text.
   Use deeper lagoon only for small text; preserve the brand colour for fills and headings. */
.site-header .header-inner nav a:hover,
.site-header .header-inner nav a[aria-current='page'],
body .button-outline,
body .button-outline:hover,
body .button-outline:active,
.home-scheme-a .text-link,
.home-scheme-a .text-link:hover { color: #066773; }