/* Six reserved video slots; playable cards will use real supplied videos. */
.examples{padding-top:110px}
.examples .section-heading{margin-bottom:38px}
.examples .heading-aside{max-width:285px}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.example-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-card)}
.example-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:var(--surface-canvas);border-bottom:1px solid var(--line);color:var(--text-secondary)}
.example-placeholder{opacity:.45}
.example-number{position:absolute;left:18px;bottom:17px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.example-status{position:absolute;right:16px;bottom:15px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-card);font-size:10px;line-height:1.5}
.example-copy{padding:20px 22px 22px}
.example-copy h3{font-size:18px;line-height:1.4;letter-spacing:-.35px;font-weight:450}
.example-copy p{color:var(--text-secondary);font-size:12px;line-height:1.6;margin-top:8px}
@media(max-width:900px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:800px){.examples{padding-top:85px}.examples .section-heading{align-items:flex-start}.examples .heading-aside{max-width:240px}.example-copy{padding:20px}}
@media(max-width:540px){.examples{padding-top:75px}.examples .section-heading{display:block;margin-bottom:28px}.examples .section-heading h2{font-size:32px;letter-spacing:-1.4px}.examples .heading-aside{font-size:14px;line-height:1.7;max-width:100%;margin-top:18px;padding:0}.examples .heading-aside br{display:none}.examples-grid{grid-template-columns:1fr;gap:18px}.example-card{border-radius:12px}.example-copy{padding:20px 22px}.example-copy h3{font-size:19px}.example-copy p{font-size:13px}.example-status{font-size:11px}}
