ABYSSAL DECENT

What's included

• Scroll-scrubbed video engine with smoothing, stall-recovery (tested against the iOS Safari seeking bug), and a portrait video slot for phones

• Live depth HUD and a clickable depth ruler that jumps to any section

• Staggered section reveals, parallax drift, and a hero exit that fades/blurs/clips away as the descent begins

• Motion toggle (visitors can turn the scroll-driven animation off; respects prefers-reduced-motion)

• CMS-backed inner pages: Dives, Training, Expeditions, Gear, Departures/Course Dates

• Native Framer forms for Book, Contact and a Dive Log

• Custom crosshair cursor on desktop, full responsive breakpoints down to phone

• Accessible: semantic headings, visible focus states, 100 Lighthouse accessibility score on tested pages

• A step-by-step Start Here guide page (in the project, not published) walking through video swap, pacing, forms, branding and pre-publish checklist

• A Style Guide page documenting every shared color and text style

About the demo video The dive footage shown in the preview is AI-generated and included for preview purposes only — it is not licensed for redistribution. Replace it with your own video before publishing (the Start Here guide covers export settings for smooth scrubbing). The template is built around a single continuous take, so any dive, hike, drive, or flythrough video works.

Setup after remixing

• Drop in your own video (Start Here, step 01)

• Set form destinations for Book, Contact and Dive Log (step 06) — they don't deliver anywhere until you do

• Add your own social links — the footer's Instagram/YouTube icons are hidden by default (Site Footer → Social, set Visible)

• Set your favicon and social share images in Site Settings

Browser support Built and tested in Chrome. Uses standard video-seeking APIs supported by all modern evergreen browsers (Chrome, Safari, Firefox, Edge); includes a specific stall-recovery fix for a known iOS Safari video-seeking bug. No IE11 support.