.demo-section[data-astro-cid-lxxpjrcf]{background:#f1f2ef;border-block:1px solid #e4e7e0;padding-block:54px}.demo-heading[data-astro-cid-lxxpjrcf]{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.demo-eyebrow[data-astro-cid-lxxpjrcf]{display:block;font-size:.68rem;font-weight:600;letter-spacing:.16em;color:#657067;margin-bottom:14px}.demo-heading[data-astro-cid-lxxpjrcf] h2[data-astro-cid-lxxpjrcf]{font-size:clamp(1.8rem,3vw,2.6rem)}.demo-heading[data-astro-cid-lxxpjrcf]>p[data-astro-cid-lxxpjrcf]{max-width:350px;color:var(--muted);font-size:.95rem}.demo-layout[data-astro-cid-lxxpjrcf]{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(285px,1fr);gap:24px;align-items:start}.demo-single[data-astro-cid-lxxpjrcf]{display:block;max-width:960px}.demo-feature[data-astro-cid-lxxpjrcf]{background:#fff;border:1px solid #dce0d8;border-radius:12px;overflow:hidden}.demo-stage[data-astro-cid-lxxpjrcf]{position:relative;aspect-ratio:16/9;background:#11191b;isolation:isolate}.demo-stage[data-astro-cid-lxxpjrcf] video[data-astro-cid-lxxpjrcf]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.demo-play[data-astro-cid-lxxpjrcf]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:#11191b;color:#fff}.demo-play[data-astro-cid-lxxpjrcf] img[data-astro-cid-lxxpjrcf]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.demo-shade[data-astro-cid-lxxpjrcf]{position:absolute;inset:0;background:linear-gradient(180deg,#10181705 25%,#10181780)}.demo-play-icon[data-astro-cid-lxxpjrcf]{position:relative;display:grid;place-items:center;width:76px;height:76px;background:var(--accent);color:#101817;border-radius:50%;box-shadow:0 4px 30px #0003;transition:transform .2s,background .2s}.demo-play[data-astro-cid-lxxpjrcf]:hover .demo-play-icon[data-astro-cid-lxxpjrcf]{transform:scale(1.08);background:#e4ff00}.demo-play[data-astro-cid-lxxpjrcf]:focus-visible{outline:4px solid #0878a9;outline-offset:-6px}.demo-play-label[data-astro-cid-lxxpjrcf]{position:absolute;left:24px;bottom:20px;font-size:.9rem;font-weight:600}.demo-duration[data-astro-cid-lxxpjrcf]{position:absolute;right:20px;bottom:18px;background:#111b1ee6;color:#fff;border-radius:4px;padding:3px 8px;font-size:.76rem;font-variant-numeric:tabular-nums}.demo-caption[data-astro-cid-lxxpjrcf]{padding:24px}.demo-caption-top[data-astro-cid-lxxpjrcf]{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;letter-spacing:.06em;color:#66705f;margin-bottom:12px}.demo-caption[data-astro-cid-lxxpjrcf] h3[data-astro-cid-lxxpjrcf]{font-size:1.45rem;line-height:1.3;letter-spacing:-.025em}.demo-caption[data-astro-cid-lxxpjrcf]>p[data-astro-cid-lxxpjrcf]{font-size:.92rem;color:var(--muted);margin-top:12px;line-height:1.65}.demo-caption-links[data-astro-cid-lxxpjrcf]{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:.82rem}.demo-caption-links[data-astro-cid-lxxpjrcf] a[data-astro-cid-lxxpjrcf]{text-decoration:underline;text-underline-offset:4px}.demo-playlist[data-astro-cid-lxxpjrcf]{background:#fff;border:1px solid #dce0d8;border-radius:12px;overflow:hidden}.demo-list-label[data-astro-cid-lxxpjrcf]{display:flex;justify-content:space-between;gap:12px;padding:19px 18px;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:600}.demo-list-label[data-astro-cid-lxxpjrcf]>span[data-astro-cid-lxxpjrcf]{color:var(--muted);font-variant-numeric:tabular-nums}.demo-list[data-astro-cid-lxxpjrcf]{max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b8c1af #f2f3f0}.demo-choice[data-astro-cid-lxxpjrcf]{display:flex;gap:12px;align-items:center;padding:15px;border-left:3px solid transparent;border-bottom:1px solid #eceee9;transition:background .2s}.demo-choice[data-astro-cid-lxxpjrcf]:last-child{border-bottom:0}.demo-choice[data-astro-cid-lxxpjrcf][aria-current=true]{background:#f3f6e5;border-left-color:#abc000}.demo-choice[data-astro-cid-lxxpjrcf]:hover{background:#f6f7f2}.demo-choice[data-astro-cid-lxxpjrcf]:focus-visible{outline-offset:-4px}.demo-thumb[data-astro-cid-lxxpjrcf]{position:relative;flex:0 0 96px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#192126}.demo-thumb[data-astro-cid-lxxpjrcf] img[data-astro-cid-lxxpjrcf]{width:100%;height:100%;object-fit:cover}.demo-thumb[data-astro-cid-lxxpjrcf]>span[data-astro-cid-lxxpjrcf]{position:absolute;bottom:3px;right:3px;color:#fff;background:#111d;font-size:.61rem;padding:1px 4px;border-radius:2px;font-variant-numeric:tabular-nums}.demo-choice-copy[data-astro-cid-lxxpjrcf]{flex:1;min-width:0}.demo-choice-copy[data-astro-cid-lxxpjrcf] small[data-astro-cid-lxxpjrcf]{display:block;font-size:.65rem;color:#697260;margin-bottom:5px;line-height:1.35}.demo-choice-copy[data-astro-cid-lxxpjrcf] strong[data-astro-cid-lxxpjrcf]{display:block;font-size:.83rem;font-weight:600;line-height:1.45}.demo-choice-arrow[data-astro-cid-lxxpjrcf]{font-size:1rem;flex-shrink:0}.demo-notes[data-astro-cid-lxxpjrcf]{margin-top:20px;color:var(--muted);font-size:.75rem;max-width:960px}.demo-notes[data-astro-cid-lxxpjrcf] p[data-astro-cid-lxxpjrcf]+p[data-astro-cid-lxxpjrcf]{margin-top:5px}.demo-stage[data-astro-cid-lxxpjrcf] [data-astro-cid-lxxpjrcf][hidden],.demo-error[data-astro-cid-lxxpjrcf][hidden],.demo-notes[data-astro-cid-lxxpjrcf] [data-astro-cid-lxxpjrcf][hidden]{display:none!important}.demo-error[data-astro-cid-lxxpjrcf]{color:#9b351d!important}@media(max-width:950px){.demo-layout[data-astro-cid-lxxpjrcf]{grid-template-columns:1fr}.demo-heading[data-astro-cid-lxxpjrcf]{align-items:start;flex-direction:column;gap:14px}.demo-heading[data-astro-cid-lxxpjrcf]>p[data-astro-cid-lxxpjrcf]{max-width:600px}.demo-list[data-astro-cid-lxxpjrcf]{max-height:310px}.demo-thumb[data-astro-cid-lxxpjrcf]{flex-basis:110px}.demo-choice-copy[data-astro-cid-lxxpjrcf] strong[data-astro-cid-lxxpjrcf]{font-size:.9rem}.demo-list-label[data-astro-cid-lxxpjrcf]{padding-block:14px}}@media(max-width:520px){.demo-section[data-astro-cid-lxxpjrcf]{padding-block:32px}.demo-heading[data-astro-cid-lxxpjrcf]{margin-bottom:20px}.demo-caption[data-astro-cid-lxxpjrcf]{padding:20px}.demo-caption[data-astro-cid-lxxpjrcf] h3[data-astro-cid-lxxpjrcf]{font-size:1.2rem}.demo-play-icon[data-astro-cid-lxxpjrcf]{width:58px;height:58px}.demo-play-label[data-astro-cid-lxxpjrcf]{font-size:.75rem;left:16px;bottom:15px}.demo-duration[data-astro-cid-lxxpjrcf]{right:12px;bottom:12px}.demo-choice[data-astro-cid-lxxpjrcf]{padding:12px;gap:10px}.demo-thumb[data-astro-cid-lxxpjrcf]{flex-basis:86px}.demo-choice-copy[data-astro-cid-lxxpjrcf] strong[data-astro-cid-lxxpjrcf]{font-size:.83rem}.demo-layout[data-astro-cid-lxxpjrcf]{gap:16px}}@media(prefers-reduced-motion:reduce){.demo-play-icon[data-astro-cid-lxxpjrcf],.demo-choice[data-astro-cid-lxxpjrcf]{transition:none}}@media print{.demo-section[data-astro-cid-lxxpjrcf]{display:none}}
