.archive-page { background: #f1eee6; color: #191915; }
.archive-page main { max-width: 1800px; margin: 0 auto; padding: 155px 6vw 0; }
.archive-page h1, .archive-page h2 { color: inherit; font-family: Georgia, serif; font-weight: 400; text-transform: none; }
.archive-page .archive-eyebrow { color: #6c6b65; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.archive-intro__heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin: 26px 0 58px; }
.archive-intro h1 { font-size: clamp(84px, 12vw, 180px); line-height: .9; letter-spacing: -.065em; }
.archive-intro h1 span { color: #81512b; }
.archive-intro__heading > p { max-width: 360px; padding-bottom: 5px; color: #62625a; font-size: 15px; line-height: 1.8; }
.archive-intro__index { display: flex; justify-content: space-between; padding: 18px 0; border-top: 1px solid #bcb9af; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 35px; padding-bottom: 100px; }
.archive-page .archive-card { display: block; min-width: 0; color: inherit; }
.archive-card:first-child { grid-column: 1 / -1; }
.archive-card__image { aspect-ratio: 4 / 3; overflow: hidden; background: #e2ded5; }
.archive-card:first-child .archive-card__image { aspect-ratio: 2 / 1; }
.archive-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.archive-card:first-child img { object-position: center bottom; }
.archive-card:hover img { transform: scale(1.025); }
.archive-card__caption { display: flex; align-items: center; gap: 20px; padding: 21px 0 0; }
.archive-card__number { align-self: start; padding-top: 3px; color: #77766e; font-size: 10px; }
.archive-card__caption .archive-card__type { margin: 0 0 7px; color: #77766e; font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: .12em; }
.archive-card h2 { font-size: clamp(25px, 2.7vw, 39px); line-height: 1.15; letter-spacing: -.025em; }
.archive-card__arrow { margin-left: auto; color: #81512b; font-size: 26px; transition: transform .2s ease; }
.archive-card:hover .archive-card__arrow { transform: translate(3px, -3px); }
.archive-page a:focus-visible { outline: 2px solid #81512b; outline-offset: 6px; }
.archive-cta { padding: 65px 0 85px; border-top: 1px solid #bcb9af; }
.archive-cta > div { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-top: 25px; }
.archive-cta h2 { font-size: clamp(38px, 5vw, 72px); line-height: 1.05; letter-spacing: -.04em; }
.archive-cta a { flex-shrink: 0; padding-bottom: 10px; border-bottom: 1px solid #81512b; color: #191915; font-size: 13px; }
.archive-cta a span { margin-left: 25px; }
.archive-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 28px 6vw; background: #1b1c19; color: #dedbd2; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.archive-footer a { color: #f1eee6; font-weight: 600; letter-spacing: .15em; }
.archive-page .archive-skip { position: fixed; top: -100px; left: 20px; z-index: 10000; padding: 12px 20px; background: #fff; color: #191915; }
.archive-page .archive-skip:focus { top: 15px; }
@media (max-width: 767px) {
    .archive-page main { padding: 120px 22px 0; }
    .archive-intro__heading { display: block; margin: 24px 0 35px; }
    .archive-intro__heading > p { max-width: 380px; margin-top: 25px; font-size: 14px; }
    .archive-grid { grid-template-columns: 1fr; gap: 38px; padding-bottom: 60px; }
    .archive-card:first-child .archive-card__image { aspect-ratio: 4 / 3; }
    .archive-card__caption { gap: 14px; padding-top: 17px; }
    .archive-cta { padding: 40px 0 55px; }
    .archive-cta > div { display: block; }
    .archive-cta a { margin-top: 30px; }
    .archive-footer { flex-wrap: wrap; padding: 25px 22px; }
    .archive-footer > span:last-child { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .archive-card__image img, .archive-card__arrow { transition: none; }
}