.archive-main .page-hero{position:relative;min-height:330px;display:grid;align-items:center;overflow:hidden;padding-block:42px;background:#071b29}
.archive-main .page-hero::after{content:"";position:absolute;width:360px;height:360px;inset-inline-end:-130px;top:-190px;border:1px solid rgba(107,204,232,.16);border-radius:50%;box-shadow:0 0 0 58px rgba(107,204,232,.035),0 0 0 116px rgba(107,204,232,.02)}
.archive-main .page-hero .container{position:relative;z-index:1}.archive-main .page-hero h1{margin-bottom:10px;font-size:clamp(1.8rem,3.2vw,2.65rem)}.archive-main .page-hero p:last-child{margin-bottom:0;color:#bfd2dd}
.archive-main .page-hero .eyebrow{color:#84d8f0}
.archive-main .page-hero .breadcrumbs a{color:#e5f2f7;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.24em}
.archive-main .page-hero .breadcrumbs a:hover{color:#fff}
.archive-description{max-width:720px;color:#c7d9e3}.archive-description p:last-child{margin-bottom:0}
.archive-layout{padding-block:36px 78px}.archive-filters{display:flex;align-items:center;gap:8px;margin-bottom:30px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}
.archive-filters a{min-height:39px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 14px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:.76rem;font-weight:650;text-decoration:none;white-space:nowrap}
.archive-filters a:hover,.archive-filters a.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.archive-filters small{min-width:18px;height:18px;display:grid;place-items:center;padding-inline:4px;border-radius:10px;background:#edf2f5;color:var(--muted);font-size:.56rem}.archive-filters a.is-active small{background:rgba(255,255,255,.13);color:#fff}
.archive-layout>.post-grid{align-items:stretch}.archive-layout .post-card{height:100%}.archive-layout .post-card__body{height:100%;display:flex;flex-direction:column}.archive-layout .post-card__link{margin-top:auto}
@media (min-width:700px) and (max-width:959px){.archive-layout>.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.archive-main .page-hero{min-height:280px;padding-block:32px}.archive-layout{padding-block:24px 62px}.archive-filters{margin-inline:-12px;padding-inline:12px}}
