/* De-ientes Bedford - early Black Friday ortho open day: app shell */
(function () {
  const W = window;
  function App() {
    React.useEffect(() => {
      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
      const sel = '.revx__fig,.shead,.incx__head,.incx__row,.txp__panel,.split__copy,.split__img,.fin__img,.jhead,.jtrack,.whyx,.faq details,.book .wrap,.find__info,.find__map';
      const els = [...document.querySelectorAll(sel)].filter(el => !el.closest('.hero'));
      els.forEach((el, i) => { el.classList.add('rv'); if (el.matches('.incx__row,.faq details,.txp__panel')) el.style.transitionDelay = ((i % 3) * 90) + 'ms'; });
      const io = new IntersectionObserver((ents) => ents.forEach(en => { if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } }), { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
      els.forEach(el => io.observe(el));
      return () => io.disconnect();
    }, []);
    return (
      <React.Fragment>
        <W.DtHeader />
        <main>
          <W.DtStrip />
          <W.DtHero />
          <W.DtReview />
          <W.DtPhotoRow />
          <W.DtIncluded />
          <W.DtBenefits />
          <W.DtPhotoRowB />
          <W.DtJourney />
          <W.DtClinician />
          <W.DtWhy />
          <W.DtPricing />
          <W.DtTreatments />
          <W.DtFaq />
          <W.DtFinal />
          <W.DtFindUs />
        </main>
        <W.DtFooter />
        <W.DtMobileBar />
      </React.Fragment>
    );
  }
  ReactDOM.createRoot(document.getElementById("root")).render(<App />);
})();