.blog-hero{background:url(/assets/img/shared/hero-bg.jpg) 50%/cover no-repeat;padding-top:33px;padding-bottom:48px}.blog-hero>h1{margin-top:80px;letter-spacing:-.01em;text-align:center;color:#fff;max-width:calc(100% - 40px);margin-inline:auto;font-size:clamp(28px,23.3735px + 1.4458vw,40px);font-weight:600;line-height:130%}.blog-hero>p{color:#fff;text-align:center;margin-top:24px;max-width:calc(100% - 40px);margin-inline:auto;font-size:18px;font-weight:400;line-height:140%}.blog-grid-wrap{background:#f8f9fb;padding:48px 20px 80px}.blog-grid{flex-wrap:wrap;justify-content:center;gap:40px 25px;max-width:1200px;margin:0 auto;display:flex}.blog-card{width:100%;max-width:418px;color:inherit;background:#fff;border:1px solid #eaecf0;border-radius:16px;flex:280px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:block;overflow:hidden;box-shadow:0 4px 6px -2px #10182808,0 12px 16px -4px #10182814}.blog-card:hover{border-color:#d0d5dd;box-shadow:0 8px 12px -2px #1018280f,0 16px 24px -4px #1018281a}.blog-card:focus-visible{outline-offset:2px;outline:2px solid #7279f6}.blog-card__image-wrap{aspect-ratio:418/240;background:#eaecf0;width:100%;position:relative}.blog-card__img-cover{object-fit:cover}.blog-card__badge{color:#7279f6;padding:12px 16px 0;font-size:14px;line-height:140%}.blog-card__title{color:#1e1e1e;padding:8px 16px 0;font-size:20px;font-weight:600;line-height:130%}.blog-card__excerpt{color:#475467;padding:8px 16px 0;font-size:15px;line-height:140%}.blog-card__meta{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.blog-card__author{align-items:center;gap:10px;min-width:0;display:flex}.blog-card__author-name{color:#1e1e1e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:140%;overflow:hidden}.blog-card__author-avatar{background:#eaecf0;border-radius:50%;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.blog-card__meta-aside{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.blog-card__date{color:#667085;font-size:14px;line-height:140%}.blog-card__reading-time{color:#667085;font-size:13px;line-height:140%}.blog-empty{text-align:center;color:#475467;max-width:1200px;margin:0 auto;font-size:16px}