/* Page-scoped hero artwork; compatible with the four-service overlay. */
@media (max-width: 70rem) {
  .c-hero--new-artwork .c-hero__visual {
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  .c-hero--new-artwork .c-hero__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
  .page-payment .c-payment-hero__mobile-visual {
    background-image: url("../images/payment-hero-mobile.webp");
    background-size: contain;
  }
}
@media (min-width: 70.01rem) {
  .page-payment .c-payment-hero {
    background-image: url("../images/payment-hero-desktop.webp");
  }
  .page-quote .c-hero--new-artwork .c-hero__guidance {
    border-color: rgb(255 255 255 / .18);
  }
  .c-hero--new-artwork .c-button--secondary {
    color: var(--color-white);
    border-color: rgb(255 255 255 / .35);
    background: transparent;
  }
  .c-hero--new-artwork .c-button--secondary:hover {
    color: var(--color-white);
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .08);
  }
}