/* Short videos: horizontal on computers and landscape screens, vertical on phones held upright. */
.llr-video { margin: 0 0 32px; }
.llr-video video { display: block; width: 100%; height: auto; border-radius: 14px; background: #26302A; box-shadow: 0 18px 40px rgba(47, 58, 51, .16); }
.llr-video .llr-video-9x16 { display: none; max-width: 420px; margin: 0 auto; }
@media (max-width: 760px) and (orientation: portrait) {
	.llr-video .llr-video-16x9 { display: none; }
	.llr-video .llr-video-9x16 { display: block; }
}
.llr-video figcaption { margin-top: 10px; font-size: .9rem; color: #5b6660; text-align: center; }
.llr-video figcaption a { color: #B27D5B; }

/* /videos/ hub */
.llr-video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px; margin: 18px 0 40px; padding: 0; list-style: none; }
.llr-video-grid li { margin: 0; }
.llr-video-grid a { display: block; text-decoration: none; color: inherit; }
.llr-video-grid img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }
.llr-video-grid span { display: block; margin-top: 8px; font-size: .95rem; line-height: 1.35; }