/* ============================================================ Extreme Wear — shared "add-on" layer Lenis (smooth scroll) + GSAP/ScrollTrigger (motion) + Lucide (icons) Loaded on every page via Purely additive — safe if the CDN scripts fail to load (no FOUC, the site underneath still works exactly as before). ============================================================ */ /* Lenis housekeeping classes (added to automatically) */ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } /* Lucide icons dropped into existing text (nav socials, contact list, footer columns) — sized to match surrounding type, color inherited */ .ew-ico { display: inline-block; width: 1em; height: 1em; vertical-align: -0.15em; margin-right: 0.55em; stroke-width: 1.75; flex-shrink: 0; } .ew-ico svg { width: 100%; height: 100%; display: block; } .has-ico { display: inline-flex; align-items: center; } div.has-ico { display: flex; align-items: center; } /* Small bounce on the homepage hero scroll cue's chevron */ .ew-scroll-chevron { width: 14px; height: 14px; margin-top: 0.2rem; opacity: 0.85; animation: ewChevronBounce 1.6s ease-in-out infinite; } @keyframes ewChevronBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } } @media (prefers-reduced-motion: reduce) { .ew-scroll-chevron { animation: none; } }