# @aw-webflow/masterclass_ungated

## Overview

Ungated video lightbox for the Atomicwork Masterclass page. Same interaction as `@aw-webflow/masterclass_gated_page` but without the form gate — every click opens the Vimeo video directly. Published to npm as `@aw-webflow/masterclass_ungated` and consumed via jsDelivr CDN.

## How It Works

1. User clicks a video thumbnail (`[data-vimeo-url]`) or a CTA button (`#cta-1` to `#cta-4`)
2. Video opens immediately in a lightbox modal (no form, no localStorage, no HubSpot)
3. CTA buttons mirror clicks to the corresponding `#vid-N` element

## Webflow Setup

- Video elements need `data-vimeo-url="https://vimeo.com/..."` attribute and IDs `#vid-1` through `#vid-4`
- CTA buttons need IDs `#cta-1` through `#cta-4` — clicks are mirrored to the corresponding `#vid-N`

## Code Style

- All code must use `var` and ES5 syntax for maximum browser compatibility.
- No arrow functions, template literals, `let`/`const`, destructuring, or other ES6+ features.

## Deployment

1. Push changes to GitHub
2. Bump version in `package.json`
3. Run `npm publish --access public`
4. jsDelivr automatically serves the latest published version