/* Portrait captures of the customer demo, alongside the desktop walkthrough. */
.mobile-platform__hint { text-align: center; color: #5d6673; margin: 0 0 24px; font-size: .9rem; }
.mobile-platform__gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; padding: 8px 4px 20px; }
.mobile-platform__screen { min-width: 0; margin: 0; }
.mobile-platform__screen a { display: block; border-radius: 22px; }
.mobile-platform__screen img { display: block; width: 100%; height: auto; border: 1px solid #d6e2dc; border-radius: 22px; box-shadow: 0 8px 24px rgba(21, 60, 54, .08); }
.mobile-platform__screen figcaption { margin-top: 16px; text-align: center; font-weight: 600; color: #153c36; }
.mobile-platform__gallery:focus-visible, .mobile-platform__screen a:focus-visible { outline: 3px solid #008575; outline-offset: 4px; }
.home-product-shot picture, .platform-tabs__shot picture { display: block; }
@media (max-width: 1000px) {
    .mobile-platform__gallery { display: flex; overflow-x: auto; gap: 24px; scroll-snap-type: x proximity; scrollbar-width: thin; padding-inline: 6px; }
    .mobile-platform__screen { flex: 0 0 min(78vw, 280px); scroll-snap-align: start; }
}
@media (max-width: 640px) {
    .home-product-shot picture, .platform-tabs__shot picture { max-width: 300px; margin-inline: auto; }
}