/* Свой видеоплеер вместо VK Видео: ролик о фабрике (_partials/factory_film.html)
   и интервью в «Вакансиях» (_partials/vacancy_video.html).
   Ролик о фабрике снят в 4:3, в конце титр с контактами — кадр не обрезаем, рамку держим по ролику.
   880px — чтобы на ноутбуке видео целиком помещалось по высоте. */
.pk-film { position: relative; max-width: 880px; margin: 0 auto; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 16px; background: #191913; }
.pk-film--wide { max-width: 960px; aspect-ratio: 16 / 9; }
.pk-film video { display: block; width: 100%; height: 100%; object-fit: contain; background: #191913; }
.pk-film__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: linear-gradient(180deg, rgba(25, 25, 19, 0) 55%, rgba(25, 25, 19, 0.45)); color: #fff; font: inherit; cursor: pointer; }
.pk-film__play[hidden] { display: none; }
.pk-film__icon { display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; padding-left: 4px; border-radius: 50%; background: #ce2534; box-shadow: 0 10px 30px rgba(25, 25, 19, 0.35); transition: transform 160ms ease; }
.pk-film__play:hover .pk-film__icon { transform: scale(1.06); }
.pk-film__play:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.pk-film__time { position: absolute; left: 18px; bottom: 18px; padding: 4px 10px; border-radius: 999px; background: rgba(25, 25, 19, 0.72); font-size: 13px; font-weight: 650; line-height: 1.4; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
  .pk-film { border-radius: 10px; }
  .pk-film__icon { width: 64px; height: 64px; }
  .pk-film__time { left: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .pk-film__icon { transition: none; }
}