.archive-page { min-height: 100vh; background: #05070d; color: #f4f4f1; font-family: 'Bricolage Grotesque', sans-serif; }
.archive-top { padding: 24px clamp(20px, 5vw, 80px); border-bottom: 1px solid #ffffff24; }
.archive-brand { display: inline-flex; gap: 14px; align-items: center; color: inherit; text-decoration: none; font-size: 22px; font-weight: 600; letter-spacing: -.035em; }
.archive-brand img { flex: none; }
.archive-main { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding: clamp(56px, 9vw, 120px) 0 140px; }
.archive-main h1 { font-size: clamp(44px, 7vw, 96px); line-height: 1.02; font-weight: 400; letter-spacing: -.045em; margin: 12px 0 24px; }
.archive-main h2 { font-size: clamp(28px, 4vw, 42px); font-weight: 400; margin: 76px 0 20px; }
.archive-kicker, .archive-date { font-family: 'Geist Mono', monospace; font-size: 13px; letter-spacing: .04em; color: #c4c8d0; }
.archive-date { margin-bottom: 48px; }
.archive-hero { margin: 0 0 50px; }
.archive-hero img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; }
.archive-body { max-width: 760px; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.7; }
.archive-body p, .archive-body ul, .archive-body ol { margin: 0 0 1.35em; }
.archive-body img { max-width: 100%; height: auto; }
.archive-body a, .archive-main li a, .archive-foot a { color: #f4f4f1; text-underline-offset: .2em; }
.archive-main section ul { list-style: none; padding: 0; }
.archive-main section li { display: flex; justify-content: space-between; gap: 24px; padding: 18px 0; border-top: 1px solid #ffffff27; font-size: clamp(17px, 1.8vw, 22px); }
.archive-main section time { flex: none; color: #b8bec9; font: 12px 'Geist Mono', monospace; padding-top: 7px; }
.archive-foot { display: flex; flex-wrap: wrap; gap: 25px; padding: 30px clamp(20px, 5vw, 80px); border-top: 1px solid #ffffff24; font-size: 14px; }
.archive-foot span { margin-left: auto; color: #b8bec9; }
@media (max-width: 600px) { .archive-main section li { display: block; } .archive-main section time { display: block; padding-top: 8px; } .archive-foot span { width: 100%; margin-left: 0; } }