/* Homepage only: overlay the hero until the visitor scrolls or opens a menu. */
body.home.brand-system { --home-header-height: 90px; }
body.home.brand-system .site-header {
  --home-header-ink: #FFFFFF;
  --home-header-logo: #FFFFFF;
  position: fixed;
  inset-inline: 0;
  z-index: 100;
  color: var(--home-header-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
body.home.brand-system .site-header.home-header-solid {
  --home-header-ink: #333333;
  --home-header-logo: #0061AE;
  background: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}
body.home.brand-system .site-header .desktop-nav > a,
body.home.brand-system .site-header .desktop-nav > .nav-disclosure > :is(.nav-section-link, .nav-trigger) {
  color: var(--home-header-ink);
  transition: color .3s ease;
}
body.home.brand-system .site-header:not(.home-header-solid) .desktop-nav > a,
body.home.brand-system .site-header:not(.home-header-solid) .desktop-nav > .nav-disclosure > :is(.nav-section-link, .nav-trigger) {
  color: #FFFFFF;
}
body.home.brand-system .site-header.home-header-solid .desktop-nav > a:hover,
body.home.brand-system .site-header.home-header-solid .desktop-nav > .nav-disclosure > :is(.nav-section-link, .nav-trigger):hover,
body.home.brand-system .site-header.home-header-solid .desktop-nav > [data-nav-key][aria-current],
body.home.brand-system .site-header.home-header-solid .desktop-nav > .nav-disclosure > [data-nav-key][aria-current] {
  color: var(--brand-primary);
}
body.home.brand-system .site-header .nav-trigger > span { color: inherit; }
body.home.brand-system .site-header .brand::before {
  background-color: var(--home-header-logo);
  transition: background-color .3s ease;
}
body.home.brand-system .site-header .brand img {
  filter: brightness(0) invert(1);
  transition: filter .3s ease;
}
body.home.brand-system .site-header.home-header-solid .brand img { filter: none; }
body.home.brand-system .site-header .menu-toggle { color: var(--home-header-ink); }
body.home.brand-system .site-header .menu-toggle span {
  background-color: currentColor;
  transition: transform .25s ease, background-color .3s ease;
}
body.home.brand-system .site-header .header-enquiry,
body.home.brand-system .site-header .header-enquiry:hover {
  background: var(--brand-gradient);
  color: #FFFFFF;
  border: 0;
}
body.home.brand-system .site-header .mega-menu { color: var(--text-main); }
body.home.brand-system .site-header:not(.home-header-solid) > :focus-visible,
body.home.brand-system .site-header:not(.home-header-solid) .desktop-nav > a:focus-visible,
body.home.brand-system .site-header:not(.home-header-solid) .nav-disclosure > :focus-visible {
  outline-color: #FFFFFF;
}
/* Keep the hero's small label clear of the overlaid navigation. */
body.home.brand-system .service-hero .hero-top {
  top: calc(var(--home-header-height) + 34px);
}
@media (max-width: 1080px) {
  body.home.brand-system { --home-header-height: 76px; }
}
@media (max-width: 600px) {
  body.home.brand-system .service-hero .hero-top { top: calc(var(--home-header-height) + 19px); }
}
@media (prefers-reduced-motion: reduce) {
  body.home.brand-system .site-header,
  body.home.brand-system .site-header .desktop-nav > a,
  body.home.brand-system .site-header .desktop-nav > .nav-disclosure > :is(.nav-section-link, .nav-trigger),
  body.home.brand-system .site-header .brand::before,
  body.home.brand-system .site-header .brand img,
  body.home.brand-system .site-header .menu-toggle span { transition: none; }
}