.blog-hero{text-align:center;background:url(/assets/images/backgrounds/mosaic-pattern.png);padding:64px 20px 74px}.blog-hero h1{color:var(--heading);margin-bottom:20px;font-size:42px;font-weight:700}.blog-hero p{color:var(--body);margin-bottom:26px;font-size:17px}.blog-layout{grid-template-columns:250px 1fr;gap:44px;padding:56px 0 40px;display:grid}.blog-cats{align-self:start}.blog-cats button{text-align:left;width:100%;color:var(--heading);border-radius:5px;margin-bottom:6px;padding:9px 14px;font-size:13px;transition:background-color .25s,color .25s;display:block}.blog-cats button:hover{color:var(--green)}.blog-cats button.is-active{background:var(--green);color:var(--white)}.blog-grid{grid-template-columns:1fr 1fr;align-self:start;gap:34px 30px;display:grid}.blog-card{background:var(--white);border:1px solid #e8eaec;border-radius:8px;flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-card)}.blog-card__img{aspect-ratio:3/2;display:block;overflow:hidden}.blog-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__img img{transform:scale(1.04)}.blog-card__body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.blog-card__chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.blog-card__chips span{color:var(--green);background:#e8f7ef;border-radius:4px;padding:5px 10px;font-size:11px}.blog-card__title{color:var(--heading);margin-bottom:16px;font-size:19px;font-weight:600;line-height:1.35}.blog-card__title a:hover{color:var(--green)}.blog-card__rt{color:var(--body);margin:auto 0 14px;font-size:13px}.blog-card__meta{align-items:center;gap:10px;display:flex}.blog-card__meta img{border-radius:50%;width:36px;height:36px}.blog-card__meta strong{color:var(--heading);font-size:13px;font-weight:600;display:block}.blog-card__meta time{color:var(--body);font-size:12px}@media (width<=1024px){.blog-layout{grid-template-columns:1fr;gap:30px}.blog-cats{flex-wrap:wrap;gap:6px;display:flex}.blog-cats button{width:auto}}@media (width<=767px){.blog-hero h1{font-size:30px}.blog-grid{grid-template-columns:1fr}}