/* Isolated optional layer: these rules match nothing when the feature is OFF. */
.day-hero { flex: 0 0 auto; margin: 1rem 0 0.5rem; overflow: hidden; }
.day-hero img { display: block; width: 100%; height: auto; max-height: 220px; aspect-ratio: 32 / 15; object-fit: cover; opacity: 0; }
.day-hero img[data-loaded] { opacity: 1; }
@media (width < 768px) {
 #itinerary .day-hero { margin: 0.75rem 0 0.5rem; }
 #itinerary .day-hero img { max-height: 150px; }
}