/* ============================================================
   bg-video.css — зацикленное видео вместо фоновой картинки
   ============================================================ */

.bg-video {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-color: #dbe8f7;

	/* Кадрирование видео. Работает как background-position при cover.
	   Если на узких экранах интересная часть кадра уходит вбок —
	   меняйте только это значение, например на "70% top". */
	--bg-video-pos: center top;
}

.bg-video__el {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--bg-video-pos);
	pointer-events: none;
	/* пока первый кадр не готов — виден постер, без белой вспышки */
	background: #dbe8f7 url('../img/video-poster.jpg') center top / cover no-repeat;
}

/* контент страницы всегда поверх видео */
.wrapper > .layout {
	position: relative;
	z-index: 1;
}

/* На узком экране при cover видно всего ~26% ширины кадра.
   При center (50%) девушка попадала в кадр лишь на 40%.
   70% — замерено по положению фигуры в ролике (центр на 0.69). */
@media (max-width: 700px) {
	.bg-video {
		--bg-video-pos: 70% top;
	}
}

/* Если пользователь просил уменьшить анимацию — видео ставится на паузу
   скриптом, и остаётся статичный кадр. */