/* * Palisade 2026 highlights — mobile-safe parallax pin. * * The shared NMPA component pins the parallax canvas with `position: sticky` * (see NMPA.min.css). iOS/WebKit silently breaks `position: sticky` on any * element whose ancestor chain (up to and including ) has an * `overflow` value other than `visible` — and this project's global * `body { overflow-x: hidden; overflow-y: scroll; }` triggers exactly that * bug. The section then scrolls away with the page instead of staying * pinned while its frame sequence plays, cutting the animation short on * mobile browsers. * * goParallaxPinned() in palisade-highlights-parallax-fix.js takes over the * pin visually via a JS-driven `position: fixed` / `position: absolute` * toggle instead, so this override replaces the shared sticky base with a * resting `absolute` state for canvases inside this page's parallax * sections only. Scoped to `.main-features-parallax-type-a` so it doesn't * touch the shared component used on other model pages (ioniq6, * santafe-2023, sonata-2023). */ .main-features-parallax-type-a .nmpa .scroll-area canvas { position: absolute; top: 0; left: 0; width: 100%; }