/* ==========================================================================
   home.css - i ritocchi della home che non stanno nel tema (style.css)
   ========================================================================== */

/* «Prodotti»: la casella CorTen in testa, larga quanto le due sotto */
.works-wrapper-4 > .work-box--larga {
    grid-column: 1 / -1;
}

/* Le foto entrano crescendo da scale(0.9): quella a sinistra dall'angolo in
   basso a destra, quella a destra dall'angolo opposto, cosi' si allargano
   verso l'esterno. Il tema le distingue con :nth-child(2n), e la casella
   larga sposta il conto di uno: qui le due regole si invertono. La casella
   larga cresce dal centro. */
.works-wrapper-4:has(> .work-box--larga) > * .image {
    transform-origin: bottom left;
}

.works-wrapper-4:has(> .work-box--larga) > *:nth-child(2n) .image {
    transform-origin: bottom right;
}

.works-wrapper-4 > .work-box--larga .image {
    transform-origin: bottom center;
}

.works-wrapper-4 .work-box--larga picture {
    display: block;
}

/* width e height nel tag servono a tenere il posto mentre la foto arriva;
   senza height: auto l'altezza resterebbe 630 a qualunque larghezza, e la
   foto si stirerebbe */
.works-wrapper-4 .work-box--larga img {
    height: auto;
}