.archive-hub { max-width: 1180px; margin: 0 auto; padding: 70px 24px 100px; }
.archive-hub-hero { max-width: 850px; margin-bottom: 55px; }
.archive-hub-hero h1 { margin: .15em 0; font-size: clamp(3rem, 7vw, 6.5rem); line-height: .95; letter-spacing: -.06em; }
.archive-hub-hero > p:not(.eyebrow) { max-width: 790px; font-size: 1.12rem; color: var(--muted); }
.archive-collections { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.archive-collections article { min-height: 310px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.archive-collections article > span { color: var(--orange-dark); font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.archive-collections h2 { margin: 2rem 0 .7rem; font-size: 1.75rem; line-height: 1.05; }
.archive-collections p { color: var(--muted); }
.archive-collection.collection-featured { grid-column: 1 / -1; display: grid; grid-template-columns: 260px 1fr; gap: 42px; background: #202020; color: #fff; }
.collection-featured img { width: 260px; max-height: 370px; object-fit: contain; background: #111; }
.collection-featured p { color: #ccc; }
.collection-primary { border-top: 6px solid var(--orange); }
.collection-press { background: #f5ead3 !important; }
@media (max-width: 700px) { .archive-collections { grid-template-columns: 1fr; } .archive-collection.collection-featured { grid-column: auto; grid-template-columns: 1fr; } .collection-featured img { width: 100%; max-height: 480px; } }