/* ========================================================= Wash Co. — custom CSS Tailwind Play CDN (in ) handles Preflight + all utility classes. This file holds only what utilities can't express: scroll-reveal animations, the hero text-shadow, view-transitions. ========================================================= */ /* Cross-document view transitions (Chrome 126+). The [view-transition-name: main-nav / main-footer] inline styles on the nav and footer use this opt-in. No-op in unsupported browsers. */ @view-transition { navigation: auto; } /* Hero headline drop-shadow */ .text-shadow-lg { text-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } /* ---------- Scroll-reveal animations ---------- */ /* Off-screen state */ .reveal-up, .prestige-scroll-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; will-change: opacity, transform; } /* In-viewport state (added by IntersectionObserver in main.js) */ .reveal-up.is-visible, .prestige-scroll-reveal.is-visible { opacity: 1; transform: translateY(0); } /* Stagger delays for the hero copy */ .reveal-up.delay-100 { transition-delay: 0.1s; } .reveal-up.delay-200 { transition-delay: 0.2s; } .reveal-up.delay-300 { transition-delay: 0.3s; } /* Respect users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { .reveal-up, .prestige-scroll-reveal { opacity: 1; transform: none; transition: none; } }