/* Direction component stylesheet. Load AFTER family.css and catalog.css,
   ONLY in Leonardo's separate revision. Does not change brand, typography or copy. */
.cortile .hero figure.media-accoglienza{margin:0;align-self:center}
.cortile .hero figure.media-accoglienza img{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:960/1000;object-fit:contain;object-position:50% 50%;margin-inline:auto}
.cortile #housekeeping .media-camera{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:960/600;object-fit:contain;object-position:50% 50%;margin:24px 0 0}
@media(min-width:768px) and (max-width:1023px){
 .cortile .hero figure.media-accoglienza img{max-width:380px}
 .cortile #housekeeping .media-camera{max-width:260px}
}
@media(max-width:767px){
 .cortile .hero figure.media-accoglienza img{max-width:350px}
 .cortile #housekeeping .media-camera{max-width:300px;margin:20px auto 0}
}
/* Both artworks are still images; no transitions, parallax, autoplay or tracking. */