/* First-party additions layered on top of the Webflow export.
   Provides the transitions the missing Webflow IX2 interaction data
   would otherwise have supplied (see js/cms.js). */

.accordion-content---brix {
  transition: height 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}

.accordion-arrow-wrapper---brix {
  transition: transform 0.3s ease;
}

.w-slide {
  transition: opacity 1.5s ease;
}

/* Webflow's runtime continuously re-applies a scroll-linked
   translateY(~100px) "slide up into view" transform to elements that
   started out with a baked opacity:0 (queued for the missing IX2
   interaction data to animate away — see initFadeIns() in cms.js, which
   tags them with this class). It never resolves to 0, and since
   transforms don't affect layout/auto-height, ancestors size themselves
   for the untransformed position while the element visually paints ~100px
   lower — overlapping whatever comes after it (e.g. the "Ask us..." text
   on the What We Treat page). A one-time JS reset isn't enough since
   Webflow keeps re-setting it on scroll, so it's pinned off here with
   !important.
   Scoped to this marker class rather than every [data-w-id] element:
   plenty of other elements carry data-w-id for reasons that DO need
   their transform (.sticky-navigation, for one, relies on its own
   default transform to stay off-screen until scrolled into view). */
.cms-fade-reset {
  transform: none !important;
}