/* Launch film page. Same black stage, type, and pill buttons as the rest of the site. */
.launch-page .nav .btn { margin-left: auto; }
.launch-main { width: min(960px, calc(100% - 2 * var(--gutter))); margin: 0 auto; padding: 128px 0 72px; text-align: center; }
.launch-main h1 { margin-top: 14px; font: 600 clamp(44px, 6vw, 76px)/1.04 var(--font); letter-spacing: -.035em; text-wrap: balance; }
.launch-lede { margin: 18px auto 0; max-width: 28em; font: 500 clamp(18px, 2vw, 22px)/1.45 var(--font); color: var(--text-2); letter-spacing: -.014em; text-wrap: balance; }
.launch-stage { margin: 36px 0 0; border: 1px solid #ffffff20; border-radius: 24px; background: linear-gradient(145deg, #161419, #0d0d10 70%); box-shadow: 0 24px 80px #0006; overflow: hidden; }
.launch-film { width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; object-fit: contain; }
.launch-stage figcaption { padding: 14px 18px 16px; color: #8d8d97; font-size: 12px; line-height: 1.5; }
.launch-meta { margin-top: 28px; color: #a3a3ad; font-size: 13px; letter-spacing: -.01em; }
.launch-claude { margin: 10px auto 0; max-width: 36em; color: #8d8d97; font-size: 14px; line-height: 1.5; }
.launch-main .btn { margin-top: 26px; }
@media (max-width: 760px) {
  .launch-main { padding: 104px 0 56px; }
  .launch-main h1 { font-size: 42px; }
  .launch-lede { margin-top: 14px; font-size: 18px; }
  .launch-stage { margin-top: 28px; border-radius: 16px; }
  .launch-stage figcaption { padding: 12px 14px 14px; }
  .launch-meta { margin-top: 22px; font-size: 12px; }
  .launch-main .btn { width: 100%; }
}