Back to video heroesButton DNA
Accessible · Reduced motion

Quiet reduced-motion hero

Poster-first layout. Video fades late. Rendered with mobile workshop story hero as a Cinematic Loop hero across nine viewports.

Group
Accessible
Frame
wide
Use case
Reduced motion
Overlay
Poster-first layout
Motion
Video fades late
Hero component
Cinematic Loop
Media
Mobile workshop story hero · 9:16 · 15s

Desktop & tablet

1920 → 768 px · live responsive render
Desktop XL1920px
Desktop1440px
Laptop1280px
Tablet landscape1024px
Tablet portrait768px

Mobile

430 → 320 px · tall phone treatment
Phone XL430px
Phone390px
Phone compact375px
Phone small320px