/* release 9: the Orven case page opens on the Tidal Room studio film in a framed panel; under 1000 px it is a band below the buttons */
/* release 9: the Orven case page opens on the Tidal Room studio film in the shell's framed .media panel (16:10). Poster first; the
   film plays while the panel is on screen and pauses on its button (source/release8/hero-film.js); reduced motion and Save-Data keep
   the poster. The tag, button and fade-in rules that follow are taken from source/release8/hero-film.css. */
.case-film > .media{margin-top:0}
.case-film .pw-foot{position:absolute;z-index:2;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;pointer-events:none}
.pw-full.is-playing .pw-film-video{opacity:1}
.pw-film-tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border-radius:var(--r-pill);background:var(--film-glass);border:1px solid var(--film-line);color:var(--film-body);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;line-height:1.2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pw-film-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--film-line-2);background:var(--film-glass);color:var(--film-ink);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--t-state) var(--ease)}
.pw-film-toggle:hover{border-color:var(--film-line-3)}
.pw-film-toggle:focus-visible{outline:2px solid var(--film-accent);outline-offset:2px}
.pw-film-toggle svg{width:18px;height:18px;fill:currentColor}
.pw-full .i-play,.pw-full.is-paused .i-pause{display:none}
.pw-full.is-paused .i-play{display:block}
html:not(.anim) .pw-film-toggle,html.lite .pw-film-toggle{display:none}