/* Leather hero treatment for Client Links and Contact only. */
body.client-links-page .hero-left,
body.contact-page .hero-left {
  background-color: var(--navy-deep);
  background-image:
    linear-gradient(rgba(7, 25, 47, .08), rgba(7, 25, 47, .14)),
    url('brand/assets/textures/web/navy-leather.webp');
  background-size: cover, 640px auto;
  background-repeat: no-repeat, repeat;
  background-position: center;
  background-blend-mode: normal;
}

@media (max-width: 960px) {
  body.client-links-page .hero-left,
  body.contact-page .hero-left {
    background-color: var(--navy-deep);
    background-image: none;
  }

  body.client-links-page .hero-right::after,
  body.contact-page .hero-right::after {
    background-color: var(--navy-deep);
    background-image: none;
  }
}