.demo-film[data-astro-cid-hcgfgia7]{flex-direction:column;gap:14px;margin:0;display:flex}.demo-film-frame[data-astro-cid-hcgfgia7]{aspect-ratio:16/9;background:var(--color-ink);box-shadow:0 0 0 1px var(--color-line), 0 40px 120px -40px #000000b3;border-radius:18px;position:relative;overflow:hidden}.demo-film-frame[data-astro-cid-hcgfgia7] video[data-astro-cid-hcgfgia7]{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.demo-film-frame[data-astro-cid-hcgfgia7] video[data-astro-cid-hcgfgia7]:fullscreen{object-fit:contain;background:#000}.demo-film-poster[data-astro-cid-hcgfgia7]{background:center / cover no-repeat var(--poster-dark);pointer-events:none;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}:root[data-theme=light] .demo-film-poster[data-astro-cid-hcgfgia7]{background-image:var(--poster-light)}@media (width<=800px){.demo-film-poster[data-astro-cid-hcgfgia7]{background-image:var(--poster-dark-small)}:root[data-theme=light] .demo-film-poster[data-astro-cid-hcgfgia7]{background-image:var(--poster-light-small)}}.demo-film[data-astro-cid-hcgfgia7][data-started] .demo-film-poster[data-astro-cid-hcgfgia7]{opacity:0;visibility:hidden}.demo-film-play[data-astro-cid-hcgfgia7]{color:#1b1307;background:var(--color-amber);cursor:pointer;border:0;border-radius:999px;place-items:center;width:72px;height:72px;margin:auto;transition:opacity .25s,transform .25s;display:grid;position:absolute;inset:0;box-shadow:0 0 0 10px #ffab1f2e,0 20px 50px #00000080}.demo-film[data-astro-cid-hcgfgia7][data-playing] .demo-film-play[data-astro-cid-hcgfgia7]{opacity:0;pointer-events:none;transform:scale(.9)}.demo-film-controls[data-astro-cid-hcgfgia7]{align-items:center;gap:14px;display:flex}.demo-film-btn[data-astro-cid-hcgfgia7]{border:1px solid var(--color-line);background:var(--color-surface);min-width:34px;height:34px;color:var(--color-bone);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:inline-flex}.demo-film-icon[data-astro-cid-hcgfgia7]{display:inline-flex}.demo-film-btn[data-astro-cid-hcgfgia7][hidden],.demo-film-icon[data-astro-cid-hcgfgia7][hidden]{display:none}.demo-film-btn[data-astro-cid-hcgfgia7]:hover{border-color:var(--color-amber)}.demo-film-chapters[data-astro-cid-hcgfgia7]{flex:1;gap:6px;min-width:0;display:flex}.demo-film-chapter[data-astro-cid-hcgfgia7]{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex-basis:0;gap:7px;min-width:0;padding:4px 0;font-size:10.5px;display:flex}.demo-film-chapter-label[data-astro-cid-hcgfgia7]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-film-chapter[data-astro-cid-hcgfgia7][data-active]{color:var(--color-bone)}.demo-film-chapter[data-astro-cid-hcgfgia7]:hover{color:var(--color-amber-text)}.demo-film-chapter[data-astro-cid-hcgfgia7]{touch-action:none}.demo-film-chapter-bar[data-astro-cid-hcgfgia7]{background:var(--color-line);border-radius:2px;height:2px;transition:transform .15s;display:block;overflow:hidden}.demo-film-chapter[data-astro-cid-hcgfgia7]:hover .demo-film-chapter-bar[data-astro-cid-hcgfgia7]{transform:scaleY(2.5)}.demo-film-chapter-bar[data-astro-cid-hcgfgia7] span[data-astro-cid-hcgfgia7]{background:var(--color-amber);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.demo-film-caption[data-astro-cid-hcgfgia7]{font-family:var(--font-mono);color:var(--color-dim);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:12px;line-height:1.6;display:flex}.demo-film-caption[data-astro-cid-hcgfgia7] a[data-astro-cid-hcgfgia7]{color:var(--color-amber-text);white-space:nowrap}.demo-film-links[data-astro-cid-hcgfgia7]{flex-wrap:wrap;gap:6px 18px;display:inline-flex}.demo-film-caption[data-astro-cid-hcgfgia7] a[data-astro-cid-hcgfgia7]:hover{text-decoration:underline}@media (width<=640px){.demo-film-frame[data-astro-cid-hcgfgia7]{border-radius:12px}.demo-film-chapter-label[data-astro-cid-hcgfgia7]{letter-spacing:.06em;font-size:9px}.demo-film-chapter-n[data-astro-cid-hcgfgia7],.demo-film-sound[data-astro-cid-hcgfgia7] [data-astro-cid-hcgfgia7][data-sound-label]{display:none}}