/* ------------------------------------------------------------------
   site.css — replaces the Webflow runtime (interactions, nav, slider)
   Loaded after webflow.css. Keep edits here, not in webflow.css.
   ------------------------------------------------------------------ */

/* Scroll-into-view fade (Webflow "fadeIn" preset: 0 -> 1, 1s, outQuart) */
.ix-fade {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ix-fade.is-visible { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .ix-fade { opacity: 1; transition: none; }
}

/* Logo marquee (Webflow "Home Marquee 2": translateX 0 -> -102.18%, 45s loop) */
.home-header_logos-wrapper {
  will-change: transform;
  animation: marquee-scroll 45s linear infinite;
}
@keyframes marquee-scroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-102.18%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .home-header_logos-wrapper { animation: none; }
}

/* Accordion (FAQ) open/close, driven by .is-open set in site.js */
.accordion-item { transition: border-color .2s; }
.accordion-item.is-open { border-color: #ee132f; }
.accordion-dropdown-2 {
  display: block;
  height: 0;
  overflow: hidden;
  transition: height .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accordion-dropdown-2 .accordion-content {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .4s, transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accordion-item.is-open .accordion-dropdown-2 .accordion-content {
  opacity: 1;
  transform: translateY(0);
}
.accordion-chevron { transition: transform .3s; }
.accordion-item.is-open .accordion-chevron { transform: rotate(90deg); }
.accordion-toggle-2 { cursor: pointer; width: 100%; }

/* Nav dropdowns: keep Webflow's open/closed classes working without its JS */
.w-dropdown-list { display: none; }
.w-dropdown-list.w--open { display: block; }

/* Mobile nav overlay (Webflow moves the menu into .w-nav-overlay) */
.w-nav-overlay.is-open { display: block; }
.w-nav-overlay [data-nav-menu-open] {
  transform: translateY(-100%);
  transition: transform .4s ease;
}
.w-nav-overlay.is-open [data-nav-menu-open] { transform: translateY(0); }
@media screen and (max-width: 991px) {
  .w-nav-overlay .w-dropdown { display: block; width: 100%; }
  .w-nav-overlay .w-dropdown-toggle { width: 100%; }
  .w-nav-overlay .w-dropdown-list { position: static; }
}

/* Slider */
.w-slider-mask { white-space: nowrap; }
.w-slide {
  transition: transform .5s ease;
  will-change: transform;
}
.w-slider-dot { cursor: pointer; }
.w-slider-arrow-right, .w-slider-arrow-left { cursor: pointer; }

/* Module overlay (Find Your Voice) */
.overlay-bg.is-open { display: flex; }
.explore-button, .close-button { cursor: pointer; }

/* Forms: show one of these after submit via site.js */
.w-form-done.is-visible, .w-form-fail.is-visible { display: block; }

/* Homepage: dark band behind the Ready Room / Point-in-time cards.
   The "Find Your Voice" block that used to sit below the cards was removed (Oct 2026),
   so tighten the band's bottom padding. */
.pricing-band.section-dark.padded { padding-bottom: 20px; }
.smart-choice.section-dark { padding-top: 60px; padding-bottom: 110px; }
.smart-choice h2, .smart-choice p { color: #fff; }
.smart-choice ._1-3-grid { flex-direction: row-reverse; }   /* text left, lightbulb right */
@media screen and (max-width: 767px) {
  .pricing-band.section-dark.padded { padding-bottom: 0; }
  .smart-choice.section-dark { padding-top: 40px; padding-bottom: 70px; }
  .smart-choice ._1-3-grid { flex-direction: column; }
}

/* About page: two team members now, so a two-column grid centred on the page */
@media screen and (min-width: 992px) {
  .team-container { grid-template-columns: 1fr 1fr; max-width: 900px; margin-left: auto; margin-right: auto; }
}