/* The ad films on the guide pages (scripts/ad-videos-20261103/films.cjs, js/ad-film-20261103.js). The frame has the film's
   9:16 shape from the first paint, so nothing below it moves; the poster and the drawn play button show until a click. */
.ad-film{margin:40px auto 44px;width:min(340px,78vw)}
.ad-film-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:6px;background:#111}
.ad-film-video{display:block;width:100%;height:100%;object-fit:cover}
.ad-film-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#f7f7ee}
.ad-film-play[hidden]{display:none}
.ad-film-play svg{width:76px;height:76px;filter:drop-shadow(0 6px 18px #0006);transition:transform 280ms cubic-bezier(.2,.7,.2,1)}
.ad-film-ring{fill:#141511cc;stroke:#f7f7ee;stroke-width:1.5}
.ad-film-tri{fill:#f7f7ee}
@media (hover:hover) and (pointer:fine){.ad-film-play:hover svg{transform:scale(1.06)}}
.ad-film-play:focus-visible{outline:none}
.ad-film-play:focus-visible svg{outline:2px solid currentColor;outline-offset:6px;border-radius:50%}
.ad-film figcaption{margin-top:12px;font-size:13px;line-height:1.45;text-align:center;color:var(--r-muted,#77776f)}
@media (prefers-reduced-motion:reduce){.ad-film-play svg{transition:none}}