/* Rocket Assessor brand film player (homepage, /media, /tourism).
   Markup: <figure class="ra-film" data-ra-film> … see ra-film.js. Brand palette only. */
.ra-film{margin:28px 0 34px;padding:0}
.ra-film__frame{position:relative;width:100%;aspect-ratio:16/9;background:#070b14;border:1px solid #1f2b3a;border-radius:10px;overflow:hidden}
.ra-film.is-vertical .ra-film__frame{aspect-ratio:9/16;width:min(100%,calc(78vh * 9 / 16));margin:0 auto}
.ra-film__video{display:block;width:100%;height:100%;object-fit:cover;background:#070b14}
.ra-film__badge{position:absolute;top:12px;left:12px;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#b6c5da;background:rgba(7,11,20,.78);border:1px solid #1f2b3a;border-radius:4px;padding:5px 7px}
.ra-film__controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}
.ra-film__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;cursor:pointer;
  font:600 13px/1 Inter,system-ui,sans-serif;color:#e8eef8;background:rgba(7,11,20,.82);border:1px solid #2a3a50}
.ra-film__btn:hover{border-color:#f6a723}
.ra-film__btn:focus-visible{outline:2px solid #f6a723;outline-offset:2px}
.ra-film__btn svg{width:16px;height:16px;flex:none}
.ra-film__btn--sound[aria-pressed="false"]{color:#17120a;background:#f6a723;border-color:#f6a723}
.ra-film__note{margin:12px 2px 0;font:400 12.5px/1.6 Inter,system-ui,sans-serif;color:#8ea0b8}
.ra-film__note b{color:#b6c5da;font-weight:600}
.ra-film__note a{color:#f6a723}
@media (max-width:600px){.ra-film__btn[data-act="play"] .ra-film__lbl{display:none}.ra-film__btn{padding:0 11px}}