/* Portfolio index: show every screenshot whole. The frames were 4:3 with object-fit: cover,
   so 16:9 / 16:10 screenshots lost 17–30% at the sides (mobile strip: up to 70%). */
.work-grid--index .work-media { aspect-ratio: 16 / 10; }
.work-grid--index .work-media img { object-fit: contain; object-position: 50% 50%; }
.work-grid--index .work-card:hover .work-media img { transform: none; }

.mcase-strip { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mcase-strip::-webkit-scrollbar { display: none; }
.mcase-shot, .mcase-shot:nth-child(2), .mcase-shot:nth-child(3) { width: 80%; aspect-ratio: 16 / 10; scroll-snap-align: start; }
.mcase-shot img { object-fit: contain; object-position: 50% 50%; }