Skip to content

1. Default — theme settings

YouTube embed at contained width (theme default 900px). Title and intro follow section variant 1 text color. Corner radius = --hsElevate-rounded--medium; shadow = --hsElevate--shadow--subtle. Play button uses section accent color.

2. Dark section — title + intro stay legible

Video on dark section

Title and this intro text must be legible (light text on dark background). Colors come from sectionColorsMap[section_variant_4] — no custom overrides set.

3. Custom contained width (600px, centered)

Width group: contained, custom 600px, center-aligned. The player should be constrained to 600px and centered on the page. Corner radius and shadow still come from theme tokens.

4. Animation — slide up on scroll

Scroll into view: title, intro, and player container reveal with the theme animation duration and easing. Module scope (entire module animates as one). Reduced-motion users see the module immediately.