/* One approved neutral matte palette on every screen; no mobile colour overrides. */
html.home-matte,html.home-matte body,html:has(.company-hero),body:has(.company-hero) {
  color-scheme: only dark;
  background: #252525;
  --ink: #252525;
}
main:has(.company-hero)::before {
  opacity: .242;
  background: linear-gradient(115deg, #777b80 10%, #54585e 32%, #ffffff 46%, #c5c9cf 52%, #55595f 74%);
  background-size: 260% 100%;
  -webkit-mask-image: url('/assets/armevo-maeander-repeat.svg');
  mask-image: url('/assets/armevo-maeander-repeat.svg');
  -webkit-mask-size: 95px 201.428571px;
  mask-size: 95px 201.428571px;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  mask-mode: alpha;
}
main:has(.company-hero) .home-offering .offering-links > a {
  background: #252525;
  border-color: #85888c !important;
}
main:has(.company-hero) .home-offering .offering-links > a::before {
  mix-blend-mode: screen;
  opacity: .72;
}
@media (max-width: 740px) {
  main:has(.company-hero)::before {
    -webkit-mask-size: 72.2px 153.085714px;
    mask-size: 72.2px 153.085714px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  main:has(.company-hero)::before { animation: home-matte-shimmer 8s ease-in-out infinite alternate; }
}
@media (prefers-reduced-motion: reduce) {
  main:has(.company-hero)::before { animation: home-matte-shimmer 40s ease-in-out infinite alternate; }
}
@keyframes home-matte-shimmer {
  from { background-position: 0% 50%; opacity: .09; }
  to { background-position: 100% 50%; opacity: .242; }
}

/* Neutral whites, preserving the separate red brand accent. */
.company-hero .hero-logo-type img{filter:url('#hero-wordmark-white') brightness(1.5)}
.brand-assembly__left,.brand-assembly__right,.brand-assembly__tip{filter:brightness(1.5)}
.company-hero .hero-defence{color:#ed1c24;opacity:1}