body.archive-page{
    background:var(--theme-dark);
}

.archive-page .site-header{
    background:color-mix(in srgb,var(--theme-dark) 92%,transparent);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.archive-page-section{
    min-height:100vh;
    padding-top:170px;
}

.archive-page-head{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
    align-items:end;
    gap:56px;
    margin-bottom:72px;
}

.archive-page-kicker,
.archive-card-year{
    font-size:10px;
    line-height:1.3;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.archive-page-kicker{
    margin-bottom:28px;
    color:var(--theme-primary);
}

.archive-page-intro{
    max-width:430px;
    margin:0 0 8px auto;
    color:color-mix(in srgb,var(--theme-light) 68%,transparent);
    font-size:17px;
    line-height:1.7;
}

.archive-page-grid{
    padding-top:6px;
}

.archive-page .archive-card h2{
    margin:0;
    font-size:46px;
    line-height:1;
    letter-spacing:-.055em;
}

.archive-page-empty{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid color-mix(in srgb,var(--theme-light) 12%,transparent);
    color:color-mix(in srgb,var(--theme-light) 68%,transparent);
}

@media(max-width:991.98px){
    .archive-page-section{padding-top:138px}
    .archive-page-head{grid-template-columns:1fr;gap:24px;margin-bottom:52px}
    .archive-page-intro{margin-left:0}
}

@media(max-width:575.98px){
    .archive-page-section{padding-top:116px}
    .archive-page-head{margin-bottom:38px}
    .archive-page .archive-card h2{font-size:38px}
}