/* Reelquill AI — the home page's "Reelquill AI in action" video (index.html, section #peek): the app's own screens,
   recording and then editing. Loaded after styles.css and uses its tokens. Plain CSS; the CSP allows no inline styles. */
.peek-video { max-width: 980px; margin: 0 auto clamp(30px, 4vw, 52px); }
.peek-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 18px; background: #05070e;
  border: 1px solid var(--line-2); box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .02) inset; }
.peek-video figcaption { max-width: 820px; margin: 12px auto 0; color: var(--text-2); font-size: .92rem; line-height: 1.55; text-align: center; }
.peek-video figcaption b { color: var(--text); }
.peek-video figcaption a { color: #a9c1ff; text-decoration: underline; text-underline-offset: 3px; }