.faqItem.isOpen .faqAnswer {
  max-height: 400px;
  padding-bottom: 16px;
}
.faqItem.isOpen .faqQuestion::after { transform: rotate(45deg); }

.isFoldable.isOpen .foldSign { transform: rotate(45deg); }

.formError.isShown { display: block; }
.formInput.isInvalid { border-color: #ff8a9f; }

body.isLocked { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .heroPhoto { animation: none; }
  .contentCard, .primaryButton, .navLink, .navLink::after, .faqAnswer, .sliderDot::before {
    transition: none;
  }
}