/* ============================================================ MOTION POLISH — Emil Kowalski design-engineering pass. Scroll reveals · press feedback · directional CTAs · hover craft. Loaded LAST. Uses the shared --ease-out / --transition tokens. SAFETY: reveal-hiding is gated behind BOTH the `.js` class (set by the inline script) AND @media (prefers-reduced-motion: no-preference). So with JavaScript off/blocked OR reduced-motion on, .reveal content is never hidden — everything is visible by default (no blank-page trap). ============================================================ */ /* ---- Scroll reveal (hidden only when JS on + motion welcome) ---- */ @media (prefers-reduced-motion: no-preference) { .js .reveal, .js .reveal-group > * { opacity: 0; transform: translateY(40px) scale(.985); transition: opacity .6s var(--ease-out), transform .6s var(--ease-out); } .js .reveal.in, .js .reveal-group.in > * { opacity: 1; transform: none; } /* tight stagger for grouped children (Emil: 30-80ms between items) */ .js .reveal-group.in > *:nth-child(1) { transition-delay: 0ms; } .js .reveal-group.in > *:nth-child(2) { transition-delay: 60ms; } .js .reveal-group.in > *:nth-child(3) { transition-delay: 120ms; } .js .reveal-group.in > *:nth-child(4) { transition-delay: 180ms; } .js .reveal-group.in > *:nth-child(5) { transition-delay: 240ms; } .js .reveal-group.in > *:nth-child(6) { transition-delay: 300ms; } } /* ---- Press feedback: every pressable confirms the tap. These selectors consume var(--transition) (now transform-aware), so the scale animates; scale() also scales the element's children. ---- */ .hs-cta:active, .hs-link:active, .hs-shot:active, .hs-more:active, .btn:active, .btn-primary:active, .btn-outline:active, .nav-cta:active, .mobile-cta:active, .post-card:active, .service-card:active, .service-img-card:active, .chat-fab:active, .scroll-top:active, .spanel-cta:active, .chat-send:active, .hamburger:active, .chat-dot-close:active, .pricing-btn:active, .select-btn:active, .next-btn:active { transform: scale(.97); } /* Hero CTAs define their hover lift in an inline