/* [project]/apps/web/src/components/marketing/home-motion.module.css [app-client] (css) */
.SkDf9q_root {
  min-width: 0;
}

.SkDf9q_titleStack {
  position: relative;
}

.SkDf9q_lineStage {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .SkDf9q_lineStage {
    background: var(--ntp-color-band-tint);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    position: absolute;
    inset: 0;
  }

  @keyframes SkDf9q_ntp-home-line-rise {
    from {
      transform: translateY(var(--ntp-motion-distance-md));
    }

    to {
      transform: none;
    }
  }

  @keyframes SkDf9q_ntp-home-sheet-in {
    from {
      transform: translateY(calc(var(--ntp-motion-scene-sheet-travel) * -1));
    }

    to {
      transform: none;
    }
  }

  @keyframes SkDf9q_ntp-home-crop-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes SkDf9q_ntp-home-card-in {
    from {
      opacity: 0;
      transform: translateY(var(--ntp-motion-distance-md));
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  [data-ntp-hero-line] {
    opacity: 1;
    animation-name: SkDf9q_ntp-home-line-rise;
    animation-duration: var(--ntp-motion-hero);
    animation-timing-function: var(--ntp-motion-easing-standard);
    will-change: transform;
    animation-fill-mode: both;
    display: block;
  }

  [data-ntp-hero-line]:nth-child(2) {
    animation-delay: var(--ntp-motion-stagger);
  }

  [data-ntp-hero-line]:nth-child(3) {
    animation-delay: calc(var(--ntp-motion-stagger) * 2);
  }

  :is([data-ntp-hero="sheet-1"], [data-ntp-hero="sheet-2"], [data-ntp-hero="sheet-3"]) {
    opacity: 1;
    animation-name: SkDf9q_ntp-home-sheet-in;
    animation-duration: var(--ntp-motion-layer);
    animation-timing-function: var(--ntp-motion-easing-entrance);
    will-change: transform;
    animation-fill-mode: both;
  }

  [data-ntp-hero="sheet-1"] {
    animation-delay: var(--ntp-motion-stagger-hero);
  }

  [data-ntp-hero="sheet-2"] {
    animation-delay: calc(var(--ntp-motion-stagger-hero) * 2);
  }

  [data-ntp-hero="sheet-3"] {
    animation-delay: calc(var(--ntp-motion-stagger-hero) * 3);
  }

  [data-marketing-quote="hero"] .ntp-crop {
    animation-name: SkDf9q_ntp-home-crop-in;
    animation-duration: var(--ntp-motion-standard);
    animation-timing-function: var(--ntp-motion-easing-standard);
    will-change: opacity;
    animation-fill-mode: both;
  }

  html.ntp-motion [data-ntp-reveal-state="pending"] {
    opacity: 0;
    transform: translateY(var(--ntp-motion-distance-md));
  }

  html.ntp-motion [data-ntp-reveal-state="revealed"] {
    animation-name: SkDf9q_ntp-home-card-in;
    animation-duration: var(--ntp-motion-entrance);
    animation-timing-function: var(--ntp-motion-easing-standard);
    will-change: transform, opacity;
    animation-fill-mode: both;
  }
}

.SkDf9q_root main :is(a, button).ntp-control-transition {
  transition-property: background-color, border-color, color;
  transition-duration: var(--ntp-motion-fast);
  transition-timing-function: var(--ntp-motion-easing-standard);
}

:is(.SkDf9q_root .ntp-buyer-card, .SkDf9q_root .ntp-band-light-card) {
  position: relative;
}

.SkDf9q_root .ntp-buyer-card:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  box-shadow: var(--ntp-elevation-raised);
  transition-property: opacity;
  transition-duration: var(--ntp-motion-standard);
  transition-timing-function: var(--ntp-motion-easing-standard);
  position: absolute;
  inset: 0;
}

.SkDf9q_root .ntp-band-light-card:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  box-shadow: var(--ntp-elevation-raised);
  transition-property: opacity;
  transition-duration: var(--ntp-motion-standard);
  transition-timing-function: var(--ntp-motion-easing-standard);
  position: absolute;
  inset: 0;
}

.SkDf9q_root .ntp-buyer-card:hover:after {
  opacity: 1;
}

.SkDf9q_root .ntp-band-light-card:hover:after {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .SkDf9q_root main :is(a, button).ntp-control-transition {
    transition: none;
  }

  .SkDf9q_root .ntp-buyer-card:after {
    transition: none;
  }

  .SkDf9q_root .ntp-band-light-card:after {
    transition: none;
  }
}