.catalog {
    padding-block: clamp(2rem, 4vw, 3.625rem) clamp(6rem, 10vw, 8.25rem);
    background: var(--color-brand-pale);
}

.catalog__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.875rem;
    margin-bottom: 2.125rem;
}

.catalog__head h2 {
    margin: 0;
    font-size: clamp(2rem, 3.3vw, 2.9rem);
}

.catalog__head > p {
    max-width: 27.5rem;
    margin: 0;
    color: var(--color-muted);
    line-height: 1.65;
}

@media (max-width: 57.5rem) {
    .catalog__head {
        align-items: start;
        flex-direction: column;
    }
}