/* Seelenbalsam — global subtle scroll-reveal. * Gentle fade + small rise per content section, plays once. * Hidden state only applies once JS adds .sb-reveal-on to , so * content is never hidden if JS is disabled or fails. */ html.sb-reveal-on .sb-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform; } html.sb-reveal-on .sb-reveal.sb-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { html.sb-reveal-on .sb-reveal { opacity: 1 !important; transform: none !important; transition: none !important; } } /* Mobile + tablet: NO scroll-reveal / delayed appearance. Everything is visible immediately (better LCP/SEO, no "delayed loading" feel). */ @media (max-width: 1024px) { html.sb-reveal-on .sb-reveal, html.sb-reveal-on .sb-reveal.sb-in { opacity: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; animation: none !important; } }