/**
 * Shared section background layer (Home sections).
 */

.twork-section-bg-host {
	position: relative;
	isolation: isolate;
}

.twork-section-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.twork-section-bg__fill,
.twork-section-bg__media,
.twork-section-bg__video,
.twork-section-bg__overlay {
	position: absolute;
	inset: 0;
}

.twork-section-bg__media {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.twork-section-bg__media--poster {
	z-index: 0;
}

.twork-section-bg__video {
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.twork-section-bg__overlay {
	z-index: 2;
}

.twork-section-bg-host > *:not(.twork-section-bg) {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.twork-section-bg__video {
		display: none;
	}

	.twork-section-bg[data-bg-type="video"] .twork-section-bg__media--poster {
		display: block;
		z-index: 1;
	}
}