.demo-page .homebar{max-width:1024px;padding-block:20px}.demo-main{max-width:1024px;margin:auto;padding:12px 32px 40px}.demo-main h1{font:42px/1.15 Caslon,Georgia,serif;letter-spacing:-.02em}.demo-description{max-width:78ch;margin:12px 0 20px;color:var(--muted);font-size:17px}.demo-main video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#182e3a}.demo-meta{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin:10px 0 20px;font-size:13px;color:var(--muted)}.demo-meta p{margin:0}.demo-next{display:flex;gap:24px;align-items:center;padding:20px 0;border-block:1px solid var(--line)}.demo-next a{flex-shrink:0}.demo-next p{max-width:64ch;margin:0;color:var(--muted);font-size:14px}.demo-transcript{padding:28px 0}.demo-transcript ol{list-style:none;margin:18px 0 0;padding:0;max-width:78ch}.demo-transcript li{display:flex;gap:20px;margin:12px 0}.demo-transcript p{margin:0}.demo-time{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;padding-top:2px}.demo-main .home-footer{padding-top:20px}@media(max-width:650px){.demo-page .homebar{padding:16px 20px;gap:12px}.demo-page .homebrand{font-size:24px}.demo-page .homebar nav{gap:16px}.demo-main{padding:10px 20px 30px}.demo-main h1{font-size:32px}.demo-description{font-size:15px;margin-bottom:16px}.demo-next{display:block}.demo-next p{margin-top:14px}.demo-transcript li{gap:14px}}