/* ============================================================
   STRUVING CURATED - COLLECTION page
   Unique layout only. Reuses global tokens + shared classes
   (.container, .section, .eyebrow, .h-page, .lead, .filter-bar,
    .media/.media--zoom, .meta/.meta__*, .filter-item, [data-fade]).
   ============================================================ */

/* ---------- Centered intro ---------- */
.collection-intro {
    padding-bottom: clamp(36px, 5vw, 64px);
}

.collection-intro__inner {
    text-align: center;
}

.collection-intro__title {
    margin-top: clamp(18px, 2vw, 28px);
}

.collection-intro__lead {
    max-width: 52ch;
    margin-inline: auto;
    margin-top: clamp(20px, 2.2vw, 30px);
    text-align: center;
}

/* ---------- Collection grid ---------- */
.collection-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(24px, 3vw, 48px);
    row-gap: clamp(48px, 6vw, 90px);
    margin-top: clamp(40px, 5vw, 72px);
}

.collection-card__link {
    display: block;
}

.collection-card__media {
    aspect-ratio: 4 / 5;
}

/* meta sits left-aligned / editorial under each image */
.collection-card .meta {
    text-align: left;
}

/* ---------- Responsive ---------- */
@media (max-width: 620px) {
    .collection-grid {
        grid-template-columns: 1fr;
        row-gap: clamp(40px, 10vw, 56px);
    }
    .collection-card__media {
        aspect-ratio: 3 / 4;
    }
}