.container {

    width: min(100% - 2rem, var(--container-width));

    margin-inline: auto;
}





/* ================= Hero ================= */

.hero {

    padding: 5rem 0;

}

.hero-container {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    align-items: center;

    gap: 4rem;

}