/* Homepage hero fade adjustments. */
@media (min-width: 700px) {
  .hero--panoramic .hero__art::after {
    background: linear-gradient(
      90deg,
      rgb(249 251 253 / 98%) 0%,
      rgb(249 251 253 / 95%) 28%,
      rgb(249 251 253 / 65%) 51%,
      rgb(249 251 253 / 0%) 82%
    );
  }
}

@media (max-width: 699px) {
  .hero--panoramic .hero__art::after {
    background: linear-gradient(
      180deg,
      rgb(249 251 253 / 18%) 0%,
      rgb(249 251 253 / 84%) 52%,
      #f9fbfd 90%
    );
  }
}


@media (max-width: 699px) {
  .hero--panoramic .hero-eyebrow span {
    display: block;
  }
}