.demo-section[data-astro-cid-hbhdmhem]{max-width:1100px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--space-page-gutter) 0}.demo-section-flush[data-astro-cid-hbhdmhem]{max-width:none;margin:0;padding:0}.demo-player[data-astro-cid-hbhdmhem]{position:relative;border-radius:16px;overflow:hidden;background:var(--color-ink);aspect-ratio:16/9}.demo-player[data-astro-cid-hbhdmhem] .demo-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-poster[data-astro-cid-hbhdmhem]{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .3s ease}.demo-player[data-astro-cid-hbhdmhem][data-state=playing] .demo-poster[data-astro-cid-hbhdmhem],.demo-player[data-astro-cid-hbhdmhem][data-state=paused] .demo-poster[data-astro-cid-hbhdmhem]{opacity:0}.demo-toggle[data-astro-cid-hbhdmhem]{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.demo-toggle[data-astro-cid-hbhdmhem]:focus-visible{outline:3px solid var(--color-accent);outline-offset:-6px;border-radius:16px}.demo-play-button[data-astro-cid-hbhdmhem]{display:flex;align-items:center;justify-content:center;width:clamp(88px,12vw,120px);height:clamp(88px,12vw,120px);border-radius:50%;background:#1a1917d1;box-shadow:0 10px 40px #1a191747;transition:transform .2s ease,opacity .2s ease,background .2s ease}.demo-toggle[data-astro-cid-hbhdmhem]:hover .demo-play-button[data-astro-cid-hbhdmhem]{transform:scale(1.06);background:var(--color-ink)}.demo-play-icon[data-astro-cid-hbhdmhem]{width:0;height:0;margin-left:9px;border-left:26px solid var(--color-paper);border-top:16px solid transparent;border-bottom:16px solid transparent}.demo-player[data-astro-cid-hbhdmhem][data-state=playing] .demo-play-button[data-astro-cid-hbhdmhem],.demo-player[data-astro-cid-hbhdmhem][data-state=loading] .demo-play-button[data-astro-cid-hbhdmhem]{opacity:0;pointer-events:none}.demo-player[data-astro-cid-hbhdmhem][data-state=loading] .demo-toggle[data-astro-cid-hbhdmhem]{cursor:progress}.demo-player[data-astro-cid-hbhdmhem][data-mode=native] .demo-toggle[data-astro-cid-hbhdmhem]{pointer-events:none}.demo-player[data-astro-cid-hbhdmhem][data-mode=native] .demo-controls[data-astro-cid-hbhdmhem]{display:none}.demo-controls[data-astro-cid-hbhdmhem]{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:36px 18px 16px;background:linear-gradient(to top,#1a19178c,#1a191700);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.demo-player[data-astro-cid-hbhdmhem][data-state=playing]:hover .demo-controls[data-astro-cid-hbhdmhem],.demo-player[data-astro-cid-hbhdmhem][data-state=playing] .demo-controls[data-astro-cid-hbhdmhem]:focus-within,.demo-player[data-astro-cid-hbhdmhem][data-state=paused] .demo-controls[data-astro-cid-hbhdmhem]{opacity:1;visibility:visible;pointer-events:auto}.demo-ctrl[data-astro-cid-hbhdmhem]{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#1a1917b8;color:var(--color-paper);cursor:pointer;transition:background .2s ease}.demo-ctrl[data-astro-cid-hbhdmhem]:hover{background:var(--color-ink)}.demo-ctrl[data-astro-cid-hbhdmhem]:focus-visible,.demo-progress[data-astro-cid-hbhdmhem]:focus-visible{outline:2px solid var(--color-paper);outline-offset:2px}.demo-ctrl-icon[data-astro-cid-hbhdmhem]{width:12px;height:14px;box-sizing:border-box;border-left:4px solid var(--color-paper);border-right:4px solid var(--color-paper)}.demo-player[data-astro-cid-hbhdmhem]:not([data-state=playing]) .demo-ctrl-icon[data-astro-cid-hbhdmhem]{width:0;height:0;margin-left:3px;border-right:0;border-left:12px solid var(--color-paper);border-top:7px solid transparent;border-bottom:7px solid transparent}.demo-progress[data-astro-cid-hbhdmhem]{--progress: 0%;flex:1;min-width:0;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.demo-progress[data-astro-cid-hbhdmhem]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-paper) var(--progress),rgba(251,250,248,.35) var(--progress))}.demo-progress[data-astro-cid-hbhdmhem]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-paper) var(--progress),rgba(251,250,248,.35) var(--progress))}.demo-progress[data-astro-cid-hbhdmhem]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--color-paper);box-shadow:0 1px 4px #1a191766}.demo-progress[data-astro-cid-hbhdmhem]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--color-paper);box-shadow:0 1px 4px #1a191766}