/*! fc-split.css v1.0.0 · 2026-08-11 · fc-brands @fcv */ /* ============================================================ FC Split-Text / Rise / Image-Reveal — pre-hide so nothing flashes before it animates. LINK THIS IN THE (same snippet as fc-split.js), before paint. fc-split.js reveals + animates each element. Maintainer: TIDY. BUILDER: the hide is skipped inside the Oxygen builder (body.oxygen-builder-body) so hidden elements stay visible/editable while you design. ============================================================ */ body:not(.oxygen-builder-body) .fc-split, body:not(.oxygen-builder-body) .fc-rise { visibility: hidden; } /* .fc-rise = whole-element reveal */ .fcs-line { overflow: hidden; } /* image reveal: the container clip-wipes; the inner child(ren) scale (never move) and always fill the container's width so grid/mobile cards don't collapse to natural size. */ .fc-rise[data-rise="img"] { visibility: visible; overflow: hidden; display: block; width: 100%; } .fc-rise[data-rise="img"] > * { display: block; width: 100%; height: auto; transform-origin: center; } /* clip-hide + parallax start only on the LIVE site (builder shows the real image) */ body:not(.oxygen-builder-body) .fc-rise[data-rise="img"] { clip-path: inset(100% 0% 0% 0%); } body:not(.oxygen-builder-body) .fc-rise[data-rise="img"][data-rise-dir="down"] { clip-path: inset(0% 0% 100% 0%); } body:not(.oxygen-builder-body) .fc-rise[data-rise="img"][data-rise-dir="left"] { clip-path: inset(0% 0% 0% 100%); } body:not(.oxygen-builder-body) .fc-rise[data-rise="img"][data-rise-dir="right"] { clip-path: inset(0% 100% 0% 0%); } body:not(.oxygen-builder-body) .fc-rise[data-rise="img"] > * { transform: scale(1.5); } @media (prefers-reduced-motion: reduce) { .fc-split, .fc-rise { visibility: visible; } .fc-rise[data-rise="img"] { clip-path: none; } .fc-rise[data-rise="img"] > * { transform: none; } } :root{--fcv-fc-split-css:"1.0.0";}