.gtg-hero--image-banner {
  --gtg-hero-parallax: 0px;
}

.gtg-hero--image-banner::before {
  inset: -10% 0;
  background-position: 55% 42%;
  transform: translate3d(0, var(--gtg-hero-parallax), 0) scale(1.12);
  will-change: transform;
}

.gtg-hero--image-banner .gtg-hero__buttons .gtg-button,
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button:hover,
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button:focus-visible {
  color: var(--gtg-ink);
  text-shadow: none;
}

.gtg-hero--image-banner .gtg-hero__buttons .gtg-button:not(.gtg-button--paper),
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button:not(.gtg-button--paper):hover,
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button:not(.gtg-button--paper):focus-visible {
  background: var(--gtg-orange);
}

.gtg-hero--image-banner .gtg-hero__buttons .gtg-button--paper,
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button--paper:hover,
.gtg-hero--image-banner .gtg-hero__buttons .gtg-button--paper:focus-visible {
  background: var(--gtg-yellow);
}

@media (prefers-reduced-motion: reduce) {
  .gtg-hero--image-banner::before {
    transform: scale(1.06);
    will-change: auto;
  }
}

@media (max-width: 980px) {
  .gtg-hero--image-banner::before {
    background-position: 60% 42%;
  }
}