.get-started__slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.get-started__dot.is-active::before { background: var(--ember); }


.has-js .is-revealable {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.has-js .is-revealable.is-revealed {
  opacity: 1;
  transform: translateY(0);
}
.scroll-trigger { display: block; height: 1px; width: 100%; }


.order-form__input.is-invalid { border-color: #ef4444; }
.is-hidden { display: none; }


@media (max-width: 768px) {
  .band--foldable {
    border-bottom: 1px solid var(--line);
    padding-bottom: 1.2rem;
  }
  .band--foldable .band__title {
    cursor: pointer;
    margin-bottom: 0.75rem;
    padding-right: 2.2rem;
    position: relative;
  }
  .band--foldable .band__title::after {
    content: "\002B";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
    text-align: center;
    color: var(--ember);
    font-family: 'Source Sans 3', system-ui, sans-serif;
    font-weight: 400;
    transition: transform var(--motion);
  }
  .band--foldable .band__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .band--foldable.is-open .band__body { max-height: 4000px; }
  .band--foldable.is-open .band__title::after {
    content: "\2212";
    transform: translateY(-50%);
  }
  .band--foldable .band__lede { margin-bottom: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .page-transition,
  .page-transition--slide { animation: none; }
  .get-started__slide,
  .has-js .is-revealable,
  .band--foldable .band__body { transition: none; }
}