/* ───────────────────────────────────────────────────────────────────────
   GLOBAL FIX: white gap between page content and the fixed/sticky footer
   while scrolling, present site-wide (every page), caused by a timing gap
   in Orisa's footer-reveal scroll effect (main.js, ScrollSmoother +
   ScrollTrigger scrub on .footer-placeholder).

   Root cause: the placeholder reserves footer-height of extra scroll
   space, and "main" is scrubbed upward by that same amount as you scroll
   through the placeholder's range. Because the scrub is smoothed
   (scrub: 1) rather than instant, main's transform briefly lags behind
   the raw scroll position, exposing main's own (transparent/white)
   background for a sliver of scroll distance before the footer fully
   catches up underneath it.

   Fix: extend main's own background down past its visible content by
   one footer-height, so that lag never exposes blank space — whatever
   is briefly visible during the scrub is still main's own background,
   not empty page background. This does not change the animation, the
   trigger points, or the scroll distance; it only guarantees main's
   background covers the full range it can ever be transformed across.
   ─────────────────────────────────────────────────────────────────────── */

main.bg-neutral-0 {
    position: relative;
}

main.bg-neutral-0::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: var(--footer-gap-fix-height, 600px);
    background: inherit;
    background-color: #ffffff;
    pointer-events: none;
    z-index: -1;
}