/* Rotating hero headline - generated by 00-Docs/tools/apply-hero-media.ps1 CSS-only: Elementor ships the Animated Headline widget but its handler is a lazily-fetched JS chunk the static crawler never captured, so the .elementor-headline-text-active class never moved and the hero stayed stuck on the first word. Selectors are one step more specific than Elementor's, and this file is linked last in , so it wins the cascade either way. 4 words, 3.5 s each, 14s cycle. */ .elementor-headline .elementor-headline-dynamic-wrapper{ display:inline-grid;vertical-align:bottom;position:relative;overflow:hidden} .elementor-headline .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text{ grid-area:1/1;position:static;opacity:0;backface-visibility:hidden; animation-iteration-count:infinite;animation-timing-function:ease-in-out; animation-fill-mode:both} /* flip animation, 4 words, 14s cycle */ .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper{perspective:300px} .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text{animation-name:headlineRotateFlip4;animation-duration:14s} .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text:nth-child(1){animation-delay:-0.4s} .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text:nth-child(2){animation-delay:3.1s} .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text:nth-child(3){animation-delay:6.6s} .elementor-headline.elementor-headline-animation-type-flip .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text:nth-child(4){animation-delay:10.1s} @keyframes headlineRotateFlip4{0%{opacity:0;transform:rotateX(180deg)}2.857%{opacity:1;transform:rotateX(0deg)}22.143%{opacity:1;transform:rotateX(0deg)}25%{opacity:0;transform:rotateX(-180deg)}100%{opacity:0;transform:rotateX(180deg)}} @media (prefers-reduced-motion: reduce){ .elementor-headline .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text{animation:none;opacity:0;transform:none} .elementor-headline .elementor-headline-dynamic-wrapper>.elementor-headline-dynamic-text:first-child{opacity:1} }