.beat-film{padding-top:46px;padding-bottom:46px}.beat-film-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.beat-film-head h2{font:clamp(22px,3vw,40px)/1.1 'Archivo Black';letter-spacing:-.03em}.beat-film-head>span{font:11px 'Courier New',monospace;color:var(--dim)}.beat-film-frame{position:relative;overflow:hidden;background:#080808;border:1px solid var(--line)}.beat-film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080808}.beat-film-start{position:absolute;inset:0;display:grid;place-items:center;border:0;background:none;color:var(--white)}.beat-film-start span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #777;border-radius:50%;font-size:22px;padding-left:4px;background:#080808a6;transition:border-color .2s,transform .2s}.beat-film-start:hover span{border-color:white;transform:scale(1.06)}.beat-film-frame.started .beat-film-start{display:none}.beat-film-start:focus-visible{outline:2px solid var(--vfd);outline-offset:-5px}@media(max-width:560px){.beat-film{padding-top:32px;padding-bottom:32px}.beat-film-head h2{font-size:24px}.beat-film-start span{width:60px;height:60px;font-size:18px}.beat-film-frame.vertical video{aspect-ratio:9/16}}

.beat-film-actions{display:flex;align-items:center;gap:16px;font:11px 'Courier New',monospace;color:var(--dim)}.beat-film-actions button{min-height:36px;padding:5px 10px;background:transparent;color:var(--white);border:1px solid var(--line)}.beat-film-actions button[hidden]{display:none}