/* ============================================================
   STRUVING CURATED - ARCHIVE page
   Unique layout only. Shared system lives in style.css.
   ============================================================ */

/* ---------- Centered intro ---------- */
.archive-intro {
    padding-bottom: clamp(40px, 5vw, 72px);
}

.archive-intro__inner {
    text-align: center;
    max-width: 760px;
    margin-inline: auto;
}

.archive-intro__title {
    margin-top: clamp(14px, 1.6vw, 22px);
}

.archive-intro__lead {
    max-width: 54ch;
    margin: clamp(20px, 2.4vw, 32px) auto 0;
}

/* ---------- Archive grid - 3 columns ---------- */
.archive-work {
    padding-top: clamp(40px, 5vw, 72px);
}

.archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 3vw, 48px) clamp(20px, 2.4vw, 40px);
}

.archive-card__figure {
    margin: 0;
}

.archive-card__media {
    aspect-ratio: 4 / 5;
    border: 1px solid var(--border-faint);
}

.archive-card__meta {
    margin-top: 16px;
    text-align: left;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
    .archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 460px) {
    .archive-grid {
        grid-template-columns: 1fr;
        gap: clamp(28px, 8vw, 40px);
    }
}