/**
 * V11 reveal hardening sheet (enqueued at priority 99 — highest in the V11 series).
 *
 * Problem this fixes
 * ------------------
 * The scroll-reveal system (animations-v6.css + animations-v6.js) starts every
 * `.latoxica-reveal` element at `opacity:0; transform:translateY(20px)` and relies
 * on an IntersectionObserver to add `.is-visible`. IntersectionObserver does NOT
 * run while the document is hidden (a background/inactive tab) and can race on
 * first paint, so the above-the-fold hero rendered as a blank charcoal block
 * (headline, eyebrow, CTAs and background photo all invisible). Above-the-fold
 * content must never depend on JavaScript to become visible.
 *
 * Sealed-sheet discipline: this is a NEW sheet. animations-v6.css and
 * reviews-marquee.css are untouched. The companion v11-reveal-hardening.js script
 * adds `.is-visible` to in-viewport elements immediately (IntersectionObserver-
 * independent) so the below-the-fold reveal animation still plays for real users.
 */

/* Heroes are above the fold on every template — always visible immediately,
   never animated in from a blank state (also prevents CLS / flash-of-empty-hero). */
.latoxica-hero-a.latoxica-reveal,
.latoxica-hero-b.latoxica-reveal,
.latoxica-hero-c.latoxica-reveal,
.latoxica-hero-d.latoxica-reveal {
    opacity: 1 !important;
    transform: none !important;
}

/* Respect users who ask for reduced motion: show everything, no reveal transition. */
@media (prefers-reduced-motion: reduce) {
    .latoxica-reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}