/* Shared by the local review and Needle Drop. Nothing here recolors the film. */
.serenade-film{font-family:var(--font,Geist,Arial,sans-serif);color:var(--coal,#1e1c1a);margin:0;min-width:0}
.serenade-film [hidden]{display:none!important}
.serenade-film button,.serenade-film input{font:inherit}
.serenade-film button,.serenade-film a,.serenade-film input{touch-action:manipulation}
.film-placeholder{display:grid;place-items:center;min-height:220px;aspect-ratio:16/9;padding:32px;text-align:center;background:#e6e2da;color:#1e1c1a;border-radius:6px;font-size:18px}
.film-stage{position:relative;aspect-ratio:16/9;background:#faf8f3;isolation:isolate;border-radius:6px;overflow:hidden}
.film-stage[data-aspect="4x5"],.film-placeholder[data-aspect="4x5"]{aspect-ratio:4/5}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#faf8f3}
.film-stage:focus-visible,.film-stage.is-arriving{outline:3px solid var(--tang,#F58025);outline-offset:4px}
.film-stage video::cue{color:#faf8f3;background:rgb(30 28 26 / .9);font-family:Geist,Arial,sans-serif;font-size:1em}
.film-corner{flex:none;width:44px;height:44px}
.film-corner svg{width:22px;height:22px;fill:currentColor}
.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding:0;border:2px solid #1e1c1a;border-radius:50%;background:#f26b21;color:#1e1c1a;cursor:pointer;box-shadow:0 0 0 4px #faf8f3}
.film-start svg{width:24px;height:24px;fill:currentColor;margin-left:3px}
.serenade-film button:focus-visible,.serenade-film a:focus-visible,.serenade-film input:focus-visible{outline:3px solid #f26b21;outline-offset:3px}
.film-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px}
.film-control{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;padding:8px;cursor:pointer;font-size:15px;line-height:1}
.film-control:hover{border-color:currentColor}
.film-control svg{width:18px;height:18px;fill:currentColor;flex:none}
.film-control[aria-pressed="true"]{background:var(--coal,#1e1c1a);color:var(--linen,#faf8f3)}
.film-seek{min-width:80px;flex:1;accent-color:#f26b21;height:44px;cursor:pointer;margin:0}
.film-time{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap;min-width:70px;text-align:center}
.film-audio{display:flex;align-items:center;gap:2px;margin-left:auto}
.film-volume{display:flex;align-items:center}
.film-volume input{width:60px;height:44px;accent-color:#f26b21;cursor:pointer;margin:0}
.film-disclosure{font-size:12px;line-height:1.55;color:var(--pewter,#5a5650);margin:12px 0 0}
.film-status{font-size:14px;line-height:1.5;margin:12px 0 0;color:var(--pewter,#5a5650)}
.film-status:empty{display:none}
.film-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-player:fullscreen{display:grid;grid-template-rows:minmax(0,1fr) auto auto;width:100%;height:100%;margin:0;padding:0;background:var(--linen,#faf8f3);color:var(--coal,#1e1c1a)}
.serenade-film .film-player:fullscreen .film-stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0;border-radius:0}
.film-player:fullscreen .film-controls{padding:8px 16px}
.film-player:fullscreen .film-status:not(:empty){padding:0 16px 8px;margin:0}
@media(max-width:760px){.serenade-film .film-stage,.serenade-film .film-placeholder{margin-inline:calc(-1 * var(--margin,20px));border-radius:0}.film-controls{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:0 8px}.film-seek{min-width:0;width:100%}.film-captions{grid-column:1}.film-audio{justify-self:end}.film-fullscreen{justify-self:end}.film-time{min-width:65px}.film-disclosure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.serenade-film *{scroll-behavior:auto!important}}