/* Дополнения к стилям Tilda. Всё остальное оформление — из tilda/*.css без изменений. */

/* Живое фото в шапке: свой mp4 на месте плеера Kinescope. Позиционируется от блока Tilda (156×205):
   height:100% внутри его табличной вёрстки Safari не считает и растягивает видео по исходной высоте */
.native-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

/* Скругление видео (радиус из mirror/radius.json ставит сборка на обёртку). Safari обрезает видео и iframe
   по скруглённому overflow только у обёртки с собственным слоем — отсюда isolation */
.tn-atom__videoiframe {
  isolation: isolate;
}
.native-video {
  border-radius: inherit;
}

/* Фон страницы. Tilda красит body в белый, и при прокрутке «резинкой» за край страницы (тачпад, Safari, iPhone)
   проступает белая полоса. Блоки закрывают фон целиком, поэтому на вид страницы это не влияет */
html, body, #allrecords {
  background-color: #121214 !important;
}

/* У картинок есть атрибуты width/height — по ним браузер заранее резервирует место. Tilda задаёт картинке только
   ширину 100%, и без height:auto атрибут height становится высотой в пикселях: картинка вытягивается */
.t396 .tn-atom__img {
  height: auto;
}