.blog-archive__hero{min-height:518px;background:#edf2f7;position:relative;overflow:hidden}
.blog-archive__hero::before{content:"";position:absolute;inset:0;background:url('../figma/hero/52cea.png') repeat;opacity:.025;pointer-events:none}
.blog-archive__hero-inner{position:relative;padding-top:60px;padding-bottom:210px}
.blog-archive__breadcrumb{display:flex;align-items:center;gap:13px;color:#3c434a;font:500 16px/24px var(--wpx-sans);margin-bottom:12px}
.blog-archive__breadcrumb a:hover{color:var(--wpx-blue)}
.blog-archive__hero h1{font:600 clamp(38px,3.4vw,48px)/1.17 var(--wpx-serif);letter-spacing:-.02em;max-width:990px;margin:0 0 16px}
.blog-archive__hero p{font:500 16px/24px var(--wpx-sans);color:#313a42;opacity:.78;max-width:1100px;margin:0}
.blog-archive__featured{position:relative;display:grid;grid-template-columns:584px minmax(0,1fr);height:423px;margin-top:-182px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 4px 12px #0d0a2c0f}
.blog-featured__image{display:block;height:423px;overflow:hidden;background:#d8e3ed}
.blog-featured__image img{width:100%;height:100%;object-fit:cover}
.blog-featured__body{min-width:0;padding:50px 66px;display:flex;flex-direction:column;justify-content:space-between}
.blog-featured__heading>p:first-child,.blog-featured__heading h2{font:600 24px/32px var(--wpx-serif);letter-spacing:-.01em;margin:0 0 20px}
.blog-featured__heading h2{max-width:570px;margin-bottom:20px}
.blog-featured__date{font:500 16px/24px var(--wpx-sans);color:#3c434a;opacity:.7;margin:0}
.blog-featured__author{display:flex;align-items:center;gap:20px;font:500 16px/24px var(--wpx-sans)}
.blog-featured__avatar{width:57px;height:57px;flex:none;border-radius:50%;object-fit:cover}
.blog-featured__author small{display:block;font-size:14px;line-height:22px;opacity:.7}
.blog-archive__listing{padding-top:90px;padding-bottom:130px}
.blog-archive__listing>h2{font:600 42px/50px var(--wpx-serif);letter-spacing:-.02em;margin:0 0 55px}
.blog-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.blog-archive__card{min-width:0;min-height:447px;overflow:hidden;border-radius:32px 0 32px 0;background:#edf2f7}
.blog-card__image{display:block;height:241px;overflow:hidden;background:#d8e3ed}
.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.blog-card__image:hover img{transform:scale(1.04)}
.blog-card__body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-height:206px}
.blog-card__body h3{font:600 20px/30px var(--wpx-serif);letter-spacing:-.01em;margin:0 0 12px}
.blog-card__body>p{font:500 16px/24px var(--wpx-sans);color:#3c434a;margin:0 0 24px}
.blog-card__more{display:inline-flex;gap:10px;align-items:center;color:#3858e9;font:500 14px/22px var(--wpx-sans);margin-top:auto}
.blog-card__more span{font-size:17px;line-height:1}
.blog-archive__listing .navigation.pagination{margin-top:56px}
.blog-archive__listing .nav-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.blog-archive__listing .page-numbers{display:inline-flex;min-width:42px;height:42px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #d7dfe8;border-radius:8px}
.blog-archive__listing .page-numbers.current,.blog-archive__listing a.page-numbers:hover{background:#3858e9;border-color:#3858e9;color:#fff}
.blog-archive__empty{font-size:18px;color:#3c434a}
@media(max-width:1100px){.blog-archive__featured{grid-template-columns:45% 55%}.blog-featured__body{padding:42px}}
@media(max-width:760px){.blog-archive__hero{min-height:0}.blog-archive__hero-inner{padding-top:55px;padding-bottom:145px}.blog-archive__hero h1{font-size:clamp(36px,8vw,48px)}.blog-archive__featured{height:auto;margin-top:-80px;grid-template-columns:1fr}.blog-featured__image{height:auto;aspect-ratio:584/423}.blog-featured__body{padding:32px;gap:60px}.blog-archive__listing{padding-top:75px;padding-bottom:80px}.blog-archive__listing>h2{font-size:36px;line-height:1.2;margin-bottom:35px}.blog-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-archive__card{min-height:0}.blog-card__image{height:auto;aspect-ratio:417/241}}
@media(max-width:540px){.blog-archive__hero-inner{padding-bottom:125px}.blog-archive__featured{margin-top:-60px}.blog-featured__body{padding:25px;gap:42px}.blog-featured__heading>p:first-child,.blog-featured__heading h2{font-size:22px;line-height:30px}.blog-archive__grid{grid-template-columns:1fr}.blog-archive__card{min-height:0}.blog-card__body{min-height:0}}