.village-film{background:var(--sbd-night);color:var(--sbd-cream);padding:65px 0 50px;--film-ease:cubic-bezier(.22,1,.36,1);--film-fast:.18s}
.village-film__heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}.village-film__heading h2{font:600 clamp(2rem,4vw,3.5rem)/1.02 var(--sbd-display);margin:10px 0 0}.village-film__heading h2 span{color:var(--sbd-gold)}.village-film__heading>p{max-width:43ch;font-size:.9rem;line-height:1.65;margin:0}.village-film__heading>p strong{font-size:.75rem;font-weight:600;color:var(--sbd-gold)}
.village-film__screen{position:relative;max-width:1000px;margin:auto;border:2px solid var(--sbd-gold);border-radius:28px;overflow:hidden;background:var(--sbd-violet);aspect-ratio:16/9}.village-film__screen video{width:100%;height:100%;object-fit:cover;display:block}.village-film__stamp{position:absolute;left:16px;top:16px;background:var(--sbd-night);color:var(--sbd-cream);padding:8px 14px;border-radius:30px;font-size:.61rem;font-weight:800;letter-spacing:.06em;pointer-events:none}
.village-film__controls{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0 16px}.village-film__controls [hidden]{display:none!important}.village-film__controls p{font-size:.78rem;margin:0}.village-film__controls .button--outline{color:var(--sbd-cream);border-color:var(--sbd-lavender);background:transparent}.village-film__stop{color:var(--sbd-cream);background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:12px;min-height:44px;font:inherit;cursor:pointer}
.village-film__progress{height:3px;background:var(--sbd-violet);max-width:1000px;margin:auto;overflow:hidden}.village-film__progress>span{display:block;background:var(--sbd-gold);height:100%;transform:scaleX(0);transform-origin:left}
.village-film__chapters{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:24px auto 0}.village-film__chapters li{border-top:2px solid var(--sbd-lavender);padding-top:12px}.village-film__chapters li.is-current{border-color:var(--sbd-gold)}.village-film__chapters strong{display:block;font-family:var(--sbd-display);font-size:1.17rem;color:var(--sbd-gold)}.village-film__chapters span{display:block;font-size:.8rem;line-height:1.6;margin-top:7px}.village-film__note{font-size:.68rem;line-height:1.7;max-width:1000px;margin:24px auto 0;color:var(--sbd-cream-muted)}.village-film__note a{color:var(--sbd-cream);text-underline-offset:3px}
.village-film[data-scrub-active]{height:290svh;padding:0}.village-film[data-scrub-active] .village-film__sticky{position:sticky;top:100px;padding-top:18px;padding-bottom:16px}.village-film[data-scrub-active] .village-film__heading{margin-bottom:15px;align-items:center}.village-film[data-scrub-active] h2{font-size:1.8rem}.village-film[data-scrub-active] h2 br{display:none}.village-film[data-scrub-active] .village-film__screen{max-width:min(1000px,calc((100svh - 370px)*16/9))}.village-film[data-scrub-active] .village-film__chapters{margin-top:14px}.village-film[data-scrub-active] .village-film__chapters span{display:none}.village-film[data-scrub-active] .village-film__note{margin-top:12px}.village-film[data-scrub-active] .village-film__controls{margin:12px 0}
@media(max-width:700px){.village-film{padding:45px 0}.village-film__heading{display:block}.village-film__heading>p{margin-top:18px;font-size:.83rem}.village-film__screen{border-radius:19px}.village-film__stamp{left:9px;top:9px;font-size:.5rem;padding:6px 10px}.village-film__chapters{grid-template-columns:1fr;gap:15px}.village-film__chapters strong{font-size:1.04rem}.village-film__controls{gap:10px}.village-film__controls .button{font-size:.8rem;padding:11px 14px}.village-film__controls p{text-align:center;width:100%}.village-film[data-scrub-active]{height:230svh}.village-film[data-scrub-active] .village-film__sticky{top:78px}.village-film[data-scrub-active] .village-film__heading>p{font-size:.72rem;margin-top:9px}.village-film[data-scrub-active] .village-film__screen{max-width:100%}.village-film[data-scrub-active] .village-film__chapters{grid-template-columns:repeat(2,1fr);gap:10px}.village-film[data-scrub-active] .village-film__chapters strong{font-size:.72rem;line-height:1.2}.village-film[data-scrub-active] .village-film__note{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.village-film[data-scrub-active]{height:auto}.village-film[data-scrub-active] .village-film__sticky{position:static}.village-film__progress>span{transform:none!important}}