Act as a front-end engineer who cares about speed and access. Build a video section for {{business_name}} that supports this goal: {{goal}}. Style: {{visual_style}}. Use the existing video host or ask me which. Loading: - show a poster image and a play button first; load the player only on click (a lightweight facade), so the page stays fast - YouTube through the privacy-enhanced nocookie domain; self-hosted video with preload="none" and MP4 plus WebM - reserve the aspect ratio (16:9, or 9:16 for vertical with a max height of 80vh) so nothing shifts Poster: a frame that shows the subject, not a blurry mid-blink still; no title text burned in, since text goes in HTML. Width and height set, srcset, lazy if below the fold. Play button: a real button named "Play video: title (2:14)", 64px, centered, with 3:1 contrast against the poster; the duration also shows as text. Captions and transcript: - human-checked WebVTT captions, on by default if the video starts muted - a transcript below the video in a disclosure, including key on-screen text and visuals - a heading and one-paragraph summary above, so the section is useful without playing Layout: 1280: video 8 columns with the text 4 beside it, or centered at max 960px; 768: full width; 360: full bleed with 16px text gutters. Padding 48 / 64 / 96px. States: hover and focus-visible on the play button; loading spinner after click; a failed embed shows a link to watch elsewhere plus the transcript; no poster falls back to a brand-color panel. Decorative background loops: muted, under 10 seconds, with a visible pause button, and paused under prefers-reduced-motion. Search: VideoObject structured data with name, description, thumbnail, duration and upload date. Avoid: autoplay with sound, text laid over a busy video, fake play buttons on images, a 10MB video loading on every visit.