/**
 * Stable, lightweight placeholder for the deferred homepage live feed.
 * It reserves the final four-card footprint without animation or extra scripts.
 */
.home .dp-model-skeleton {
	display: block;
	min-width: 0;
	overflow: hidden;
	background: #160f1c;
	border: 1px solid #33213c;
	border-radius: 12px;
}

.home .dp-model-skeleton__media {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background:
		linear-gradient(135deg, rgba(180, 89, 212, 0.12), transparent 58%),
		#0d0a12;
}

.home .dp-model-skeleton__body {
	display: block;
	height: 76px;
	padding: 14px 13px;
}

.home .dp-model-skeleton__line {
	display: block;
	height: 13px;
	max-width: 68%;
	margin-bottom: 12px;
	border-radius: 999px;
	background: #2b1d32;
}

.home .dp-model-skeleton__line--short {
	max-width: 42%;
	height: 10px;
	margin-bottom: 0;
	background: #211826;
}

@media (prefers-reduced-motion: reduce) {
	.home .dp-model-card {
		transition: none;
	}
}

/*
 * Skip layout and paint work for the large video grids until they approach the
 * viewport. The cards remain in the HTML for search engines and accessibility.
 */
@supports (content-visibility: auto) {
	.home .dp-tc-grid {
		content-visibility: auto;
		contain-intrinsic-size: auto 1100px;
	}
}

@media (max-width: 782px) {
	@supports (content-visibility: auto) {
		.home .dp-tc-grid {
			contain-intrinsic-size: auto 3600px;
		}
	}
}

/*
 * Preserve the neon heading treatment without continuously repainting its
 * text-shadow on the homepage.
 */
.home .dp-info-tabs__heading {
	animation: none !important;
}