/* ═══════════════════════════════════════════════════════════════
   ARCHIVE PAGE
   ═══════════════════════════════════════════════════════════════ */
.archive-header { background: var(--ink); padding-top: var(--nav-h); }
.archive-header-inner { max-width: var(--max); margin: 0 auto; padding: 72px 56px 64px; }
.archive-eyebrow { font-family: var(--ff-m); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }
.archive-title { font-family: var(--ff-d); font-size: clamp(40px,5vw,72px); letter-spacing: .02em; color: var(--cream); line-height: .96; }
.archive-desc { margin-top: 16px; font-size: 17px; color: rgba(244,239,230,.45); max-width: 560px; line-height: 1.7; }
.archive-body { max-width: var(--max); margin: 0 auto; padding: 64px 56px 120px; }
.archive-pagination { margin-top: 64px; display: flex; justify-content: center; gap: 8px; }
.archive-pagination a,
.archive-pagination span { font-family: var(--ff-m); font-size: 11px; letter-spacing: .1em; color: var(--ink-muted); border: 1px solid rgba(26,20,16,.14); padding: 10px 16px; border-radius: 2px; transition: border-color .2s, color .2s; }
.archive-pagination a:hover,
.archive-pagination .current { border-color: var(--orange); color: var(--orange); }