/* The original horizontal mark and its blue spectrum, adapted to a dark canvas. */
:root {
  --brand-deep: #117cba;
  --brand-mid: #079bdf;
  --brand-light: #02affc;
  --brand-gradient: linear-gradient(105deg, var(--brand-deep) 0%, var(--brand-mid) 50%, var(--brand-light) 100%);
  --brand-type-gradient: var(--brand-gradient);
}
.header { justify-content: space-between; gap: 27px; padding-top: 21px; padding-bottom: 21px; }
.header .brand-horizontal { width: clamp(174px, 15vw, 206px); flex: 0 0 auto; opacity: 1; }
.header .brand-horizontal img { width: 100%; height: auto; filter: none; }
.header .menu-toggle { flex: 0 0 48px; }
.scrolled .header .brand-horizontal { opacity: 0; pointer-events: none; }
.menu-open .header .brand-horizontal { opacity: 1; pointer-events: auto; }
em,
.surface-number,
.services .surface-number,
.text-link,
.wash-status,
.wash-start span,
.wash-toolbar button[aria-pressed="true"],
#navigation small,
.reduced-skip,
.chapters button[aria-current] {
  background-image: var(--brand-type-gradient);
  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.service-tabs button { position: relative; }
.service-tabs button[aria-selected="true"] { border-bottom-color: transparent; }
.service-tabs button[aria-selected="true"]::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: -1px;
  background: var(--brand-gradient);
}
.chapter-line i { background: linear-gradient(180deg, #117cba, #02affc); }
.wash-progress { background: var(--brand-gradient); }
.text-link:hover { filter: brightness(1.15); }
.circle-link:hover { background: linear-gradient(105deg, #0c4d7566, #049dd72b); }
@media (max-width: 760px) {
  .header { gap: 15px; padding: 16px 6%; }
  .header .brand-horizontal { width: clamp(150px, 43vw, 176px); }
  .header .menu-toggle { width: 42px; flex-basis: 42px; }
  .chapter-line i { background: var(--brand-gradient); }
}
@media (forced-colors: active) {
  em, .surface-number, .services .surface-number, .text-link, .wash-status,
  .wash-start span, .wash-toolbar button[aria-pressed="true"], #navigation small,
  .reduced-skip, .chapters button[aria-current] {
    background: none;
    color: LinkText;
    -webkit-text-fill-color: LinkText;
  }
}