/* Единый плеер обеих внутренних страниц. YouTube загружается только по клику. */
.penalty-video { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 14px; background: #26313a; isolation: isolate; }
.penalty-video__trigger { display: block; width: 100%; height: 100%; position: relative; padding: 0; border: 0; border-radius: inherit; overflow: hidden; cursor: pointer; background: transparent; text-align: left; color: #fff; font: inherit; }
.penalty-video__poster { display: block; width: 100%; height: 100%; object-fit: cover; }
.penalty-video__shade { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(11,22,32,.79), rgba(14,23,34,.38) 64%, rgba(20,30,40,.28)); }
.penalty-video__label { position: absolute; top: 13%; left: 6%; right: 6%; font-size: clamp(10px, .9vw, 13px); font-weight: 700; line-height: 1.3; letter-spacing: .07em; }
.penalty-video__headline { position: absolute; top: 27%; left: 6%; width: 60%; font-weight: 800; font-size: clamp(16px, 1.5vw, 23px); line-height: 1.14; letter-spacing: -.025em; }
.penalty-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 76px; height: 52px; border-radius: 15px; background: #f22a00; box-shadow: 0 5px 18px #0004; transition: background .2s ease, transform .2s ease; }
.penalty-video__play svg { display: block; width: 29px; height: 29px; fill: #fff; }
.penalty-video__trigger:hover .penalty-video__play { transform: translate(-50%, -50%) scale(1.06); background: #dc2600; }
.penalty-video__trigger:focus-visible { outline: 3px solid #b77850; outline-offset: -3px; }
.penalty-video__source { display: inline-block; color: #53595f; margin-top: 10px; font-size: 12px; line-height: 1.5; text-underline-offset: 3px; }
.penalty-video__source:hover { color: #925b37; }
.penalty-video iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 980px) {
  .penalty-video__play { width: 67px; height: 47px; }
}
@media (max-width: 760px) {
  .penalty-video__headline { font-size: clamp(16px, 4.1vw, 22px); }
  .penalty-video__label { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .penalty-video__play { transition: none; }
}