.demo-intro[data-astro-cid-soxsnotx]{grid-template-columns:1fr .75fr;align-items:end;gap:80px;display:grid}.demo-intro-side[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:var(--ink);margin-bottom:24px;font-size:14px;line-height:1.95}.demo-nav[data-astro-cid-soxsnotx]{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:34px;padding-block:28px;display:grid}.demo-nav[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{justify-content:space-between;align-items:center;gap:18px;font-size:14px;text-decoration:none;display:flex}.demo-section[data-astro-cid-soxsnotx]{border-bottom:1px solid var(--line);scroll-margin-top:30px}.demo-heading[data-astro-cid-soxsnotx]{grid-template-columns:100px 1fr;gap:30px;margin-bottom:40px;display:grid}.demo-number[data-astro-cid-soxsnotx]{font-family:var(--display);font-size:64px;font-weight:500;line-height:1}.demo-heading[data-astro-cid-soxsnotx] .lede[data-astro-cid-soxsnotx]{max-width:840px;margin-top:12px;font-size:15px}figure[data-astro-cid-soxsnotx]{max-width:1140px;margin-inline:auto}.demo-screen[data-astro-cid-soxsnotx]{border:1px solid var(--border)}.demo-screen[data-astro-cid-soxsnotx] img[data-astro-cid-soxsnotx]{width:100%}.long-screen[data-astro-cid-soxsnotx]{max-height:680px;overflow:hidden}figcaption[data-astro-cid-soxsnotx]{color:var(--muted);justify-content:space-between;gap:16px;margin-top:14px;font-size:12px;display:flex}figcaption[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{align-items:center;gap:7px;display:flex}figcaption[data-astro-cid-soxsnotx] .arrow{width:16px;height:16px}.demo-next[data-astro-cid-soxsnotx]{background:var(--sand)}.demo-next[data-astro-cid-soxsnotx] .note[data-astro-cid-soxsnotx]{margin-top:28px}@media (width<=800px){.demo-intro[data-astro-cid-soxsnotx]{grid-template-columns:1fr;gap:30px}.demo-nav[data-astro-cid-soxsnotx]{gap:20px}.demo-heading[data-astro-cid-soxsnotx]{grid-template-columns:68px 1fr;gap:20px}.demo-number[data-astro-cid-soxsnotx]{font-size:48px}}@media (width<=650px){.demo-nav[data-astro-cid-soxsnotx]{grid-template-columns:1fr;gap:0;padding-block:12px}.demo-nav[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{padding-block:13px}.demo-heading[data-astro-cid-soxsnotx]{grid-template-columns:1fr;gap:14px;margin-bottom:26px}.demo-number[data-astro-cid-soxsnotx]{font-size:36px}.demo-heading[data-astro-cid-soxsnotx] .lede[data-astro-cid-soxsnotx]{font-size:14px}figcaption[data-astro-cid-soxsnotx]{flex-direction:column;gap:8px;font-size:11px}.long-screen[data-astro-cid-soxsnotx]{max-height:440px}}