.video-toggle{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.video-toggle:hover,.video-toggle:active{background:0 0}.video-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:-6px}.video-toggle-play{background:var(--yellow);border:2.5px solid var(--ink);width:64px;height:64px;box-shadow:3px 4px 0 var(--ink);border-radius:50%;place-items:center;transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-toggle-play svg{width:26px;height:26px;fill:var(--ink)}.video-toggle:hover .video-toggle-play{transform:translate(-50%,-50%)scale(1.08)}.video-toggle.is-running .video-toggle-play{opacity:0;transform:translate(-50%,-50%)scale(.8)}.video-toggle.is-running:hover .video-toggle-play,.video-toggle.is-running:focus-visible .video-toggle-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-toggle-live{background:var(--paper);border:2px solid var(--ink);color:var(--ink);font:600 13px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;opacity:0;border-radius:30px;align-items:flex-end;gap:3px;padding:6px 11px 6px 9px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(6px)}.video-toggle-live i{background:var(--orange);transform-origin:50% 100%;border-radius:2px;width:3px;height:11px;margin-right:1px;display:block}.video-toggle-live i:last-of-type{margin-right:6px}.video-toggle.is-running .video-toggle-live{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.video-toggle.is-running .video-toggle-live i{animation:.9s ease-in-out infinite video-bars}.video-toggle.is-running .video-toggle-live i:nth-child(2){animation-delay:.15s}.video-toggle.is-running .video-toggle-live i:nth-child(3){animation-delay:.3s}}@keyframes video-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (max-width:700px){.video-toggle-play{width:54px;height:54px}.video-toggle-play svg{width:22px;height:22px}.video-toggle-live{font-size:12px;bottom:9px;right:9px}}.video-modal-corner{z-index:3;background:var(--paper);width:44px;height:44px;color:var(--ink);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .2s,transform .2s,box-shadow .2s;display:grid;position:absolute;top:12px;right:12px}.video-modal-corner:hover{background:var(--yellow);box-shadow:1px 2px 0 var(--ink);transform:translate(1px,1px)}.video-modal-corner svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.video-modal{background:var(--paper);width:min(92vw,680px);max-height:92vh;color:var(--ink);border:2.5px solid var(--ink);box-shadow:10px 12px 0 var(--ink);border-radius:20px;margin:auto;padding:0;overflow:hidden}.video-modal::backdrop{background:#300502bd}.video-modal-inner{gap:16px;padding:clamp(16px,3vw,30px);display:grid;position:relative}.video-modal-inner h2{font:clamp(25px,3.2vw,40px)/1.05 var(--display);text-transform:uppercase;padding-right:52px}.video-modal-video{background:var(--ink);object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:min(70vh,760px);margin:0 auto;display:block}.video-modal-close{z-index:1;background:var(--yellow);width:42px;height:42px;color:var(--ink);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .2s,transform .2s,box-shadow .2s;display:grid;position:absolute;top:14px;right:14px}.video-modal-close:hover{background:var(--orange);box-shadow:1px 2px 0 var(--ink);transform:translate(1px,1px)}.video-modal-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:21px;height:21px}@media (max-width:700px){.video-modal{width:calc(100vw - 24px);box-shadow:6px 8px 0 var(--ink);border-radius:16px}.video-modal-inner{gap:12px;padding:14px}.video-modal-video{height:68vh}.video-modal-close{top:10px;right:10px}}
