/* Hero — à partir de 900 px. */

.hero .container {
    grid-template-columns: 1.05fr 0.95fr;
    gap: var(--sp-8);
}

.hero-media {
    aspect-ratio: 4 / 5;
}

.hero-media figcaption {
    right: auto;
    border-radius: 999px;
    text-align: left;
}