.feature-motion{max-width:920px;padding-bottom:0;scroll-margin-top:calc(var(--header) + 24px)}
.feature-film-frame{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}
.feature-film-frame video,.feature-film-frame picture,.feature-film-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.feature-film-frame video{opacity:0;transition:opacity .25s ease}.feature-film-frame.is-playing video,.feature-film-frame.has-frame video{opacity:1}
.film-toggle{position:absolute;bottom:20px;right:24px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pb-line-strong);border-radius:50%;background:#10161cee;color:var(--pb-text);cursor:pointer;z-index:2}.film-toggle[hidden]{display:none}.film-toggle svg{width:16px;height:16px}.film-toggle:hover{color:var(--gold-text);border-color:var(--gold-text)}.film-toggle:focus-visible{outline:2px solid var(--gold-text);outline-offset:4px}.film-caption{display:flex;justify-content:space-between;gap:24px;padding-top:16px;font-size:12px;color:var(--muted)}
@media(max-width:650px){.feature-motion{padding-bottom:56px}.feature-film-frame{aspect-ratio:8/5;border-radius:0;overflow:visible}.feature-film-frame video,.feature-film-frame picture,.feature-film-frame img{border-radius:inherit}.film-toggle{right:0;bottom:-52px}.film-caption{padding-top:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.feature-film-frame video{transition:none}}

/* Feather only the empty canvas edges to absorb video colour-conversion differences. */
.feature-film-frame>video,.feature-film-frame>picture{mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}