/* navigation-cards : styles partagés du site. */
.mega-card { display: grid; gap: .45rem; min-width: 0; }
.mega-card__media { display: block; overflow: hidden; aspect-ratio: 16/9; background: #111; }
.mega-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, opacity .35s ease; }
.mega-card:hover .mega-card__media img, .mega-card:focus-visible .mega-card__media img { transform: scale(1.025); opacity: .88; }
.mega-card__title { color: #eee; font: 400 .78rem/1.3 var(--title-font); letter-spacing: .04em; }
@media (min-width: 1360px) {
.mega-card__title { font-size: .82rem; }
.mega-grid--work .mega-card__media { aspect-ratio: 16/10; }
.mega-grid--work .mega-card__title { font-size: .75rem; }
}
.mega-pierre__grid .mega-card__media,
.mega-press__grid .mega-card__media { aspect-ratio: 16/9; }
.mega-work__prints .mega-card--feature { max-width: 100%; }
.mega-work__prints .mega-card__media { aspect-ratio: 4/3; }
@media (max-width: 1359px) {
.mega-pierre__grid .mega-card__title,
    .mega-press__grid .mega-card__title { padding-bottom: .25rem; }
.mega-work__section .mega-card__media,
    .mega-pierre__cards .mega-card__media,
    .mega-press__cards .mega-card__media { display: block; }
}
.mega-prints__grid .mega-card__media { aspect-ratio: 16 / 10; }
.mega-prints__grid .mega-card__title { padding-bottom: .25rem; }
@media (min-width: 1360px) {
.mega-galleries__grid .mega-card__media { aspect-ratio: 16 / 10; }
.mega-editions__grid .mega-card__media { aspect-ratio: 4 / 3; }
}
.mega-card--nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: .42rem;
    min-width: 0;
    width: 100%;
}
.mega-card--nav .mega-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.mega-card--nav .mega-card__title {
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: .82rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
@media (max-width: 1359px) {
.mega-card--nav {
        width: min(100%, 15rem);
    }
.mega-card--nav .mega-card__media {
        max-width: 15rem;
    }
.mega-card--nav .mega-card__title {
        padding: 0;
        font-size: .94rem;
        line-height: 1.28;
    }
}
@media (min-width: 680px) and (max-width: 1359px) {
.mega-card--nav {
        width: 100%;
    }
.mega-card--nav .mega-card__media {
        max-width: none;
    }
}
@media (min-width: 1360px) {
.mega-card--nav .mega-card__media { aspect-ratio: 16 / 10; }
.mega-card--nav .mega-card__title { font-size: .82rem; }
}
.mega-card--edition {
    width: 7.25rem;
    justify-items: center;
    text-align: center;
}
.mega-card--edition .mega-card__media {
    display: grid;
    place-items: center;
    width: 100%;
    background: rgba(255, 255, 255, .025);
    overflow: hidden;
}
.mega-card--edition-square .mega-card__media {
    aspect-ratio: 1 / 1;
}
.mega-card--edition-portrait .mega-card__media {
    width: 5.15rem;
    aspect-ratio: 210 / 297;
    margin-inline: auto;
}
.mega-card--edition .mega-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
}
.mega-card--edition:hover .mega-card__media img,
.mega-card--edition:focus-visible .mega-card__media img {
    transform: none;
    opacity: 1;
}
.mega-card--edition .mega-card__title {
    width: 100%;
    text-align: center;
    font-size: .78rem;
    line-height: 1.25;
}
@media (max-width: 679px) {
.mega-card--edition {
        width: 6.75rem;
    }
.mega-card--edition-square .mega-card__media {
        width: 6.25rem;
    }
.mega-card--edition-portrait .mega-card__media {
        width: 4.45rem;
    }
.mega-card--edition .mega-card__title {
        font-size: .8rem;
        line-height: 1.22;
    }
}
@media (min-width: 680px) and (max-width: 1359px) {
.mega-card--edition {
        width: 7rem;
    }
.mega-card--edition-square .mega-card__media {
        width: 6.5rem;
    }
.mega-card--edition-portrait .mega-card__media {
        width: 4.65rem;
    }
}
@media (min-width: 1360px) {
.mega-card--edition {
        width: 8rem;
    }
.mega-card--edition-square .mega-card__media {
        width: 7.5rem;
    }
.mega-card--edition-portrait .mega-card__media {
        width: 5.35rem;
    }
}
@media (max-width: 679px) {
.mega-visual-grid--press .mega-card--press {
        width: 100%;
        max-width: 10rem;
    }
.mega-visual-grid--press .mega-card__media {
        max-width: none;
    }
}
@media (min-width: 680px) and (max-width: 1359px) {
.mega-visual-grid--press .mega-card--press {
        width: 100%;
    }
.mega-visual-grid--press .mega-card__media {
        max-width: none;
    }
}