/* ST-HERO-FILM-01. Approved audience-hero paint; keep page overrides out. */
[data-st-hero-film]{position:relative;isolation:isolate;overflow:hidden}
[data-st-hero-film]>[data-st-hero-grain],.st-film-grain{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay;opacity:.65;pointer-events:none;z-index:1}
/* For bright footage: shade the picture edge, never fill the controls. */
[data-st-hero-film]>[data-st-hero-shade]{position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(to top,color-mix(in srgb,var(--st-hero-scrim-color) 55%,transparent) 0%,color-mix(in srgb,var(--st-hero-scrim-color) 55%,transparent) 40%,transparent 100%);pointer-events:none;z-index:2}
[data-st-hero-controls]{position:absolute;left:auto;top:auto;right:var(--video-controls-right,12px);bottom:var(--video-controls-bottom,12px);z-index:4;display:flex;gap:8px;background:transparent;pointer-events:auto}
[data-st-hero-controls] button{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--st-hero-control-color);cursor:pointer;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .2s ease}
[data-st-hero-controls] button::before{content:'';position:absolute;inset:4px;border:1.5px solid currentColor;border-radius:50%;pointer-events:none}
[data-st-hero-controls] button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[data-st-hero-controls] svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[data-st-hero-controls] [data-hero-icon="pause"]{stroke-width:3}
[data-st-hero-controls] [data-hero-icon="play"]{fill:currentColor;stroke:none}
[data-st-hero-film]>[data-st-hero-grain][hidden],.st-film-grain[hidden],[data-st-hero-controls][hidden]{display:none}
@media(hover:hover){[data-st-hero-controls] button:hover{opacity:.75}}
@media(prefers-reduced-motion:reduce){[data-st-hero-film]>[data-st-hero-grain],.st-film-grain{display:none}[data-st-hero-controls] button{transition:none}}