.blog-wrap{width:min(1172px,calc(100% - 48px));margin:0 auto}
.blog-hero{position:relative;overflow:hidden;background:#102d4d;color:#fff;padding:94px 0 86px}
.blog-hero:after{content:"";position:absolute;width:450px;height:450px;right:-90px;top:-210px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff06}
.blog-hero .blog-wrap{position:relative;z-index:1}
.blog-hero .section-kicker{color:#c6d4dd}
.blog-hero h1{font:700 clamp(44px,6vw,72px)/1.04 var(--font-display);letter-spacing:-.06em;margin:20px 0;color:#fff}
.blog-hero h1 em{font-style:normal;color:#f2b45b}
.blog-hero p{max-width:600px;color:#c5d0d9;font-size:16px;line-height:1.75;margin:0 0 24px}
.blog-listing{padding:82px 0 96px;background:#f7f6f1;min-height:360px}
.blog-listing-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.blog-listing-head h2{font:700 clamp(28px,4vw,42px)/1.1 var(--font-display);letter-spacing:-.04em;color:#102d4d;margin:10px 0 0}
.blog-listing-head>p{font-size:12px;color:#78858d;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.blog-card{background:#fff;border:1px solid #e1e7e3;padding:26px 28px;box-shadow:0 10px 24px #122f4008}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;font-size:10px;color:#7b8991}
.blog-card-category{font-weight:700;letter-spacing:.1em;color:#ad6a1c}
.blog-card h3{font:700 24px/1.2 var(--font-display);letter-spacing:-.03em;color:#102d4d;margin:18px 0 10px}
.blog-card-summary{font-size:14px;line-height:1.75;color:#5e707c;margin:0}
.blog-card details{margin-top:17px;border-top:1px solid #e8ece9;padding-top:14px}
.blog-card summary{font-size:12px;font-weight:700;color:#264762;cursor:pointer}
.blog-card-body{margin-top:13px;font-size:14px;line-height:1.8;color:#4c606d;white-space:pre-wrap;overflow-wrap:anywhere}
.blog-empty{grid-column:1/-1;padding:35px;background:#fff;border:1px dashed #cbd5d0}
.blog-empty h3{font:700 22px var(--font-display);color:#102d4d;margin:0 0 8px}
.blog-empty p{font-size:14px;color:#647681;line-height:1.7;margin:0}
.blog-page .site-footer{padding-top:35px}
@media(max-width:700px){.blog-wrap{width:min(calc(100% - 36px),1172px)}.blog-hero{padding:68px 0 62px}.blog-hero p{font-size:15px}.blog-listing{padding:58px 0 70px}.blog-listing-head{display:block}.blog-listing-head>p{margin-top:12px}.blog-grid{grid-template-columns:1fr}.blog-card{padding:22px}.blog-card h3{font-size:22px}}