/* Opere della homepage: griglia regolare e didascalie separate. */
#hero-animated, #hero-animated .hero-pin {
    height: auto;
    min-height: 0;
}
#hero-animated .hero-pin { padding: 5rem 0 7rem; }
#hero-animated .hero-artworks {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3rem 2rem;
    width: min(1120px, calc(100% - 6rem));
    margin: 0 auto;
    align-items: stretch;
}
#hero-animated .archive-print {
    position: relative;
    inset: auto;
    width: auto;
    grid-column: span 2;
    transform: none;
}
#hero-animated .archive-print:nth-child(4) { grid-column: 2 / span 2; }
#hero-animated .archive-print:nth-child(5) { grid-column: 4 / span 2; }
#hero-animated .archive-print figure { height: 100%; display: flex; flex-direction: column; }
#hero-animated .archive-print img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    background: #efefec;
}
#hero-animated .archive-print figcaption {
    position: static;
    margin-top: auto;
    padding: 1rem .8rem;
    background: #0b0b0d;
    font-size: .68rem;
    line-height: 1.4;
    white-space: normal;
    text-shadow: none;
}
#hero-animated .archive-print:hover { transform: translateY(-4px); }
@media (max-width: 800px) {
    #hero-animated .hero-artworks { width: calc(100% - 3rem); gap: 2rem 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #hero-animated .archive-print,
    #hero-animated .archive-print:nth-child(4),
    #hero-animated .archive-print:nth-child(5) { grid-column: auto; }
    #hero-animated .archive-print img { height: 240px; }
}
@media (max-width: 480px) {
    #hero-animated .hero-artworks { grid-template-columns: 1fr; max-width: 360px; }
    #hero-animated .archive-print img { height: 320px; }
    #hero-animated .hero-pin { padding-top: 3rem; }
}