@media (prefers-reduced-motion: no-preference) {
  .animations-ready [data-animate] { opacity: 0; }

  .animations-ready [data-animate="shine"] { opacity: 1; }
}

[data-animate].animated { opacity: 1; }

[data-animate="none"] { opacity: 1; }



@keyframes fade-in {
  from { opacity: 0; }
}

@keyframes fade-up {
  from { opacity: 0; translate: 0 30px; }
}

@keyframes zoom-in {
  from { opacity: 0; scale: 0.9; }
}

@keyframes wipe-in {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0); }
}


@media (prefers-reduced-motion: no-preference) {
  [data-animate="fade"].animating { animation: fade-in var(--animate-duration) var(--ease-out); }
  [data-animate="fade-up"].animating { animation: fade-up var(--animate-duration) var(--ease-out); }
  [data-animate="zoom-in"].animating { animation: zoom-in var(--animate-duration) var(--ease-out); }
  [data-animate="wipe"].animating { animation: wipe-in calc(var(--animate-duration) * 4 / 3) var(--ease-out); }
}


@keyframes photo-parallax {
  from { translate: 0 -7%; }
  to { translate: 0 7%; }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    :root[data-parallax-photos] :is(.banner__media:not(.banner--expand-media > *), .iwt-media .image-wrapper) {
      view-timeline: --photo-frame block;
    }

    :root[data-parallax-photos] :is(.banner__media:not(.banner--expand-media > *) :is(.banner__img, .banner__video), .iwt-media .image-wrapper__img) {
      scale: 1.16;
      animation: photo-parallax linear both;
      animation-timeline: --photo-frame;
    }
  }
}




@keyframes text-word-reveal {
  from { opacity: 0; translate: 0 100%; }
}

@keyframes text-word-light {
  from { opacity: 0.18; }
}

@media (prefers-reduced-motion: no-preference) {
  .animations-ready [data-animate="text-words"] .word { overflow: hidden; display: inline-block; }
  .animations-ready [data-animate="text-words"] .word-inner { display: inline-block; }
  .animations-ready [data-animate="text-words"]:not(.animated) .word-inner {
    opacity: 0;
    translate: 0 100%;
  }
  [data-animate="text-words"].animating .word-inner {
    animation: text-word-reveal 0.5s var(--ease-out) calc(var(--word-index) * var(--word-step)) backwards;
  }

  .animations-ready [data-animate="text-lit"] { opacity: 1; }

  @supports (animation-timeline: view()) {
    [data-animate="text-lit"] { view-timeline: --text-lit block; }

    [data-animate="text-lit"] .word-inner {
      animation: text-word-light linear both;
      animation-timeline: --text-lit;
      animation-range:
        cover calc(20% + var(--word-index) * 30% / var(--word-count))
        cover calc(20% + (var(--word-index) + 1) * 30% / var(--word-count));
    }
  }

}


[data-visual-preview-mode][data-animate],
shopify-visual-preview-block-list [data-animate] {
  opacity: 1;
  animation: none;
  transform: none;
}


@media (prefers-reduced-motion: no-preference) {
  .details-animated {
    interpolate-size: allow-keywords;
  }

  .details-animated::details-content {
    block-size: 0;
    opacity: 0;
    overflow: clip;
    overflow-clip-margin: calc(var(--focus-outline-width) + var(--focus-outline-offset));
    transition:
      block-size var(--duration-normal) var(--ease-out),
      opacity var(--duration-normal) var(--ease-out),
      content-visibility var(--duration-normal) allow-discrete;
  }

  .details-animated[open]::details-content {
    block-size: auto;
    opacity: 1;
  }
}