.collection-hero {
    padding-top: calc(var(--spacing-sections) * 2);
    padding-bottom: 60px;
}

.collection-hero__text-wrapper {
    max-width: var(--page-width-narrow);
}

.collection-hero__text-wrapper > * + * {
    margin-top: 30px;
}

.collection-hero__title {
    margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
    .collection-hero {
        padding-bottom: 80px;
    }
}