.campaign-hero {
  --qs-v75-hero-lift: 0px;
  --qs-v75-hero-scale: 1;
  --qs-v75-copy-lift: 0px;
  --qs-v75-copy-opacity: 1;
}

.campaign-hero .hero-stack {
  transform: translate3d(0, var(--qs-v75-hero-lift), 0) scale(var(--qs-v75-hero-scale));
  transform-origin: 50% 50%;
  transition: none !important;
}

.campaign-hero .hero-copy {
  opacity: var(--qs-v75-copy-opacity);
  transform: translate3d(0, var(--qs-v75-copy-lift), 0);
  animation: qs-v75-hero-copy-in .9s .12s var(--ease-out) backwards;
}

@keyframes qs-v75-hero-copy-in {
  from {
    opacity: 0;
    transform: translate3d(0, calc(var(--qs-v75-copy-lift) + 32px), 0);
  }

  to {
    opacity: var(--qs-v75-copy-opacity);
    transform: translate3d(0, var(--qs-v75-copy-lift), 0);
  }
}

.hero-tile img {
  display: block;
  padding: 0;
  border-radius: inherit;
}

#collection .shirt-card-art {
  overflow: hidden;
  border-radius: clamp(10px, 1.1vw, 16px);
}

html[data-motion="on"][data-qs-v75-motion="on"] #collection .shirt-gallery-heading[data-reveal] {
  opacity: 0 !important;
  transform: translateY(24px) !important;
  transition: none !important;
  will-change: opacity, transform;
}

html[data-motion="on"][data-qs-v75-motion="on"][data-qs-v75-reveal="on"] #collection .shirt-gallery-heading[data-reveal].is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition-duration: 880ms, 700ms !important;
  transition-property: opacity, transform !important;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(.22, 1, .36, 1) !important;
  transition-delay: 0ms, 0ms !important;
}

html[data-motion="on"][data-qs-v75-motion="on"] #collection .shirt-card-shell[data-reveal] {
  opacity: 0 !important;
  transform: translateY(28px) !important;
  transition: none !important;
  will-change: opacity, transform;
}

html[data-motion="on"][data-qs-v75-motion="on"] #collection .shirt-card-shell[data-reveal]:nth-child(2) {
  transition-delay: 100ms, 100ms !important;
}

html[data-motion="on"][data-qs-v75-motion="on"] #collection .shirt-card-shell[data-reveal]:nth-child(3) {
  transition-delay: 200ms, 200ms !important;
}

html[data-motion="on"][data-qs-v75-motion="on"] #collection .shirt-card-shell[data-reveal]:nth-child(4) {
  transition-delay: 300ms, 300ms !important;
}

html[data-motion="on"][data-qs-v75-motion="on"][data-qs-v75-reveal="on"] #collection .shirt-card-shell[data-reveal].is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition-duration: 880ms, 700ms !important;
  transition-property: opacity, transform !important;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(.22, 1, .36, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .campaign-hero .hero-stack,
  .campaign-hero .hero-copy,
  #collection .shirt-gallery-heading[data-reveal],
  #collection .shirt-card-shell[data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}
