Blue Horizon — Scroll-Driven Image Reveal & Typography Effect

Blue Horizon is an immersive website section that pairs an icy-blue palette with oversized italic typography and ocean and mountain imagery. As visitors scroll, photographs emerge from depth, expand across the screen, and fade away. The headline changes color where images pass behind it, creating a layered visual effect.

The animation follows the visitor’s scroll position and reverses naturally when they scroll back. Responsive layouts adapt the composition for desktop and mobile, while reduced-motion support presents the imagery in a static gallery.

This one-shot prompt includes the complete implementation, exact styling, scroll animation logic, responsive rules, and verified public image and font URLs. Use it to recreate the finished section for travel websites, creative portfolios, or editorial landing pages.