.heed-motion-depth-ready #top .heed-film-stage {
  --heed-depth-film-scale: 1;
  scale: var(--heed-depth-film-scale);
  transform-origin: 50% 50%;
}

.heed-motion-depth-ready #top .heed-film-stage[data-depth-film-opening="true"] {
  will-change: scale;
}

.heed-motion-depth-ready #top .heed-video-control {
  min-width: 112px;
}

.heed-motion-depth-ready #top .heed-video-control > span {
  display: inline-block;
  flex: 0 0 6em;
  inline-size: 6em;
  text-align: left;
  white-space: nowrap;
}

.heed-motion-depth-ready #pricing .heed-package-card {
  isolation: isolate;
  transition:
    transform 220ms cubic-bezier(.22, 1, .36, 1),
    border-color 180ms ease-out,
    box-shadow 280ms cubic-bezier(.22, 1, .36, 1);
}

.heed-motion-depth-ready #pricing .heed-package-card::after {
  position: absolute;
  z-index: 2;
  top: 16px;
  bottom: 16px;
  left: -1px;
  width: 3px;
  content: "";
  pointer-events: none;
  border-radius: 0 999px 999px 0;
  background: var(--luxury-orange);
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .heed-motion-depth-ready #pricing .heed-package-card:hover {
    border-color: color-mix(in srgb, var(--luxury-orange) 52%, var(--border));
    box-shadow: 0 22px 48px -32px rgb(23 22 21 / 68%);
  }

  .heed-motion-depth-ready #pricing .heed-package-card:hover::after {
    transform: scaleY(1);
  }
}

.heed-motion-depth-ready #pricing .heed-package-card:focus-within {
  border-color: color-mix(in srgb, var(--luxury-orange) 58%, var(--border));
  box-shadow: 0 22px 48px -32px rgb(23 22 21 / 68%);
}

.heed-motion-depth-ready #pricing .heed-package-card:focus-within::after {
  transform: scaleY(1);
}

.heed-motion-depth-ready [data-depth-heading="true"] {
  position: relative;
}

.heed-motion-depth-ready [data-depth-heading="true"]::after {
  position: absolute;
  left: 50%;
  bottom: -0.3em;
  width: min(96px, 28%);
  height: 2px;
  content: "";
  pointer-events: none;
  opacity: 0;
  background: var(--luxury-orange);
  transform: translateX(-50%) scaleX(0);
  transform-origin: 50% 50%;
}

.heed-motion-depth-ready [data-depth-heading-rule="true"]::after {
  animation: heed-depth-heading-rule 720ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes heed-depth-heading-rule {
  0% { opacity: 0; transform: translateX(-50%) scaleX(0); }
  34%, 72% { opacity: 1; transform: translateX(-50%) scaleX(1); }
  100% { opacity: 0; transform: translateX(-50%) scaleX(1); }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .heed-luxury #pricing > .container.luxury-shell > .luxury-section-head > #pricing-title,
  .heed-luxury #pricing > .container.luxury-shell > .luxury-section-head > p {
    margin-inline: auto;
  }
}

html[data-heed-motion-paused="true"] #top .heed-film-stage {
  scale: 1;
}

html[data-heed-motion-paused="true"] #pricing .heed-package-card,
html[data-heed-motion-paused="true"] #pricing .heed-package-card::after {
  transition-duration: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  .heed-motion-depth-ready #top .heed-film-stage {
    scale: 1;
  }

  .heed-motion-depth-ready #pricing .heed-package-card,
  .heed-motion-depth-ready #pricing .heed-package-card::after {
    transition-duration: 0ms;
  }
}
