.collection-hero__text {
    --padding-x: 8rem;
}

@media (max-width: 1023.98px) {
    .collection-hero__text {
        --padding-x: 4rem;
    }
}

@media (max-width: 767.98px) {
    .collection-hero__text {
        --padding-x: 2.4rem;
    }
}

.collection-hero__description {
    margin-top: 1.2rem;
    max-width: clamp(0rem,75rem,90%);
}

.text-center .collection-hero__description {
    margin-inline: auto;
}