/* WordPress additions to the React stylesheet (app.css is copied unchanged). */

/* Before the script runs, animated elements start where Motion started them, so nothing flashes. */
html:not(.ihf-js) .curtain,
html:not(.ihf-js) .preloader { display: none !important; }
html.ihf-intro .preloader[hidden] { display: grid !important; }
.ihf-js .curtain { transform: scaleY(1); transform-origin: top; }
.ihf-js [data-page] { opacity: 0; transform: translateY(30px); }
.ihf-js [data-header] { transform: translateY(-120px); }
.ihf-js [data-reveal] { opacity: 0; transform: translateY(28px); }
.ihf-js [data-sc] { opacity: 0; transform: translateY(32px); }
.ihf-js [data-split] .split__word { transform: translateY(110%); }
.ihf-js [data-eyebrow] { opacity: 0; transform: translateX(-12px); }
.ihf-js [data-eyebrow] > .eyebrow__rule { transform: scaleX(0); }
.ihf-js .clipimg[data-clip='bottom'] { clip-path: inset(100% 0% 0% 0%); }
.ihf-js .clipimg[data-clip='left'] { clip-path: inset(0% 100% 0% 0%); }
.ihf-js .clipimg[data-clip='right'] { clip-path: inset(0% 0% 0% 100%); }
.ihf-js .clipimg img { transform: scale(1.2); }
.ihf-js [data-scrolltext] > span { opacity: 0.16; }
.ihf-js [data-rise] { opacity: 0; transform: translateY(20px); }
.ihf-js [data-fade] { opacity: 0; }
.ihf-js [data-hero] .hero__bg img { opacity: 0; transform: scale(1.25); }
.ihf-js [data-hero-in='eyebrow'] { opacity: 0; transform: translateY(12px); }
.ihf-js [data-hero-in='side'] { opacity: 0; transform: translateY(24px); }
.ihf-js [data-hero-in='chips'] { opacity: 0; }
.ihf-js [data-dot] { transform: scale(0); }
.ihf-js .vtl__line { transform: scaleY(0); }
.ihf-js [data-pop] { transform: scale(0) rotate(-30deg); }
.ihf-js [data-bubble] { opacity: 0; transform: translateY(20px) scale(0.96); }
.ihf-js [data-progress] { transform: scaleX(0); }
.ihf-js .hrail__bar span { transform: scaleX(0); }
.phero__bg img { transform: scale(1.05); }

/* Hidden-until-opened pieces rendered by PHP instead of mounted by React. */
.mega[hidden],
.mobile-nav[hidden],
.fab[hidden],
.faq__answer[hidden],
.share__icon[hidden] { display: none !important; }
@media (max-width: 900px) { .fab:not([hidden]) { display: inline-flex; } }

/* The WordPress admin bar (logged-in editors only). */
.admin-bar .header { top: 46px; }
.admin-bar .progress { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .header { top: 60px; }
  .admin-bar .progress { top: 46px; }
}

/* Content of any extra page an editor creates. */
.ihf-prose { max-width: 760px; }
.ihf-prose > * + * { margin-top: 1em; }
.ihf-prose a { text-decoration: underline; }
.ihf-prose img { height: auto; border-radius: var(--r); }

/* Lightbox (React used a shared-layout animation; here the image scales from its thumbnail). */
.lightbox[hidden] { display: none !important; }