.blog-hero{max-width:820px;padding:90px max(6vw,32px) 60px}.blog-hero .kicker{color:#187378}.blog-hero h1{margin:18px 0 16px}.blog-hero .lead{margin:0}.blog-grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.blog-card{color:var(--petrol);background:#fff;flex-direction:column;gap:14px;min-height:220px;padding:36px;text-decoration:none;transition:all .15s;display:flex}.blog-card:hover{background:#f9fafa}.blog-card-meta{letter-spacing:.08em;color:#187378;font-size:11px;font-weight:800}.blog-card h2{letter-spacing:-.03em;margin:0;font-size:24px;line-height:1.2}.blog-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.blog-card small{margin-top:auto;font-size:12px;font-weight:800}.blog-empty{text-align:center;color:var(--muted);padding:80px max(6vw,32px);font-size:15px}.blog-post{max-width:760px;margin:0 auto;padding:70px max(6vw,32px) 110px}.blog-post-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:40px;font-size:12px;display:flex}.blog-post-meta a{color:var(--petrol);font-weight:700;text-decoration:none}.blog-post h1{letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(34px,4vw,54px);line-height:1.08}.blog-post h2{letter-spacing:-.035em;margin:44px 0 16px;font-size:clamp(24px,2.6vw,32px)}.blog-p{color:#3d4d50;margin:0 0 24px;font-size:17px;line-height:1.75}.blog-columns{grid-template-columns:1fr 1fr;gap:32px;margin:36px 0;display:grid}.blog-columns h3{color:var(--petrol);margin:0 0 8px;font-size:14px;font-weight:800}.blog-columns p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.blog-image{margin:36px 0}.blog-image img{border-radius:16px;width:100%;display:block}.blog-image figcaption{color:var(--muted);margin-top:10px;font-size:12px}.blog-image.placeholder{border:1.5px dashed var(--line);color:#9aa5a7;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 24px;display:flex}.blog-image.placeholder svg{width:28px;height:28px}.blog-image.placeholder b{color:var(--petrol);font-size:13px}.blog-image.placeholder small{max-width:360px;font-size:12px}@media (max-width:760px){.blog-grid,.blog-columns{grid-template-columns:1fr}}