/* 6.13: photos and videos in every carousel a little taller (client: "make all the videos height slightly bigger").
   Loads after layout-fixes.css so it has the last word. Sizes only; nothing else changes.
   Rails (hero, service heroes, results) are 9:16 slots, so height follows width: about 10% wider = 10% taller. */
:root { --portrait-w: clamp(242px, 23.5vw, 332px); }
@media (max-width: 1000px) {
	.hero .rail__item, .phero .rail__item, .results__rail .rail__item, .mcar__item { flex-basis: min(70vw, 330px); }
}
/* Phones: the one-item-per-screen frame goes from 4:5 to 3:4, so a portrait video shows more of itself. */
@media (max-width: 640px) {
	body .hero .rail__item > .lhr-media, body .phero .rail__item > .lhr-media, body .results__rail .rail__item > .lhr-media, body .mcar__item > .lhr-media,
	body .rail__item:has(> .lhr-fit) > .lhr-fit, body .mcar__item:has(> .lhr-fit) > .lhr-fit { aspect-ratio: 3 / 4; }
}
/* Video testimonials: the row is about 10% taller on every screen. */
.vt__car { --vt-h: clamp(330px, 33vw, 484px); }
@media (max-width: 1000px) {
	.vt__car { --vt-h: min(calc(79vw * 16 / 9), 572px); }
}