/* ═══════════════════════════════════════════════════════════
   Sydney Ironing — Scroll reveal (marketing pages only)
   Fade + rise in as content enters the viewport. Applied via
   inc/js/scroll-reveal.js, which adds .si-reveal to top-level
   <section> elements (skipping the first/hero) and toggles
   .is-visible through an IntersectionObserver.
   ═══════════════════════════════════════════════════════════ */

.si-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s cubic-bezier(.22,.61,.36,1),
                transform .7s cubic-bezier(.22,.61,.36,1);
}

.si-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .si-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}