.homepage-blog-wrapper.blog-wrapper{
  display:flex;
  flex-wrap:wrap;
  --card-radius:18px;
  --card-border:rgba(16,24,40,.08);
  --shadow:0 10px 30px rgba(16,24,40,.10);
  --shadow-hover:0 18px 45px rgba(16,24,40,.18);
  --accent:#ff7a00;
  --text:#0f172a;
  --muted:rgba(15,23,42,.70);
  gap:28px;
  align-items:stretch;
}

.homepage-blog-wrapper.blog-wrapper .homepage-group-title{
  flex:0 0 100%;
  width:100%;
  text-align:center;
  font-weight:800;
  letter-spacing:.2px;
  margin:8px 0 6px;
}

.homepage-blog-wrapper.blog-wrapper .news-item{
  flex:0 0 calc((100% - 56px) / 3);
  width:calc((100% - 56px) / 3);
  max-width:calc((100% - 56px) / 3);
  border:1px solid var(--card-border);
  border-radius:var(--card-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 10px rgba(16,24,40,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.homepage-blog-wrapper.blog-wrapper .news-item a{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
  text-decoration:none;
}

.homepage-blog-wrapper.blog-wrapper .news-item .image{
  position:relative;
  background:#f6f7fb;
  aspect-ratio:16 / 10;
  overflow:hidden;
}

.homepage-blog-wrapper.blog-wrapper .news-item .image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .35s ease, filter .35s ease;
  display:block;
}

.homepage-blog-wrapper.blog-wrapper .news-item .text{
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}

.homepage-blog-wrapper.blog-wrapper .news-item .title{
  font-size:18px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.homepage-blog-wrapper.blog-wrapper .news-item .description{
  color:var(--muted);
  line-height:1.55;
  font-size:14.5px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0;
}

.homepage-blog-wrapper.blog-wrapper .news-item .read-article{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:var(--accent);
  padding-top:6px;
}

.homepage-blog-wrapper.blog-wrapper .news-item .read-article::after{
  content:"→";
  transition:transform .22s ease;
}

.homepage-blog-wrapper.blog-wrapper .news-item:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-hover);
  border-color:rgba(255,122,0,.25);
}

.homepage-blog-wrapper.blog-wrapper .news-item:hover .image img{
  transform:scale(1.08);
  filter:saturate(1.05) contrast(1.02);
}

.homepage-blog-wrapper.blog-wrapper .news-item:hover .read-article::after{
  transform:translateX(4px);
}

@media (max-width:1100px){
  .homepage-blog-wrapper.blog-wrapper .news-item{
    flex:0 0 calc((100% - 28px) / 2);
    width:calc((100% - 28px) / 2);
    max-width:calc((100% - 28px) / 2);
  }
}

@media (max-width:680px){
  .homepage-blog-wrapper.blog-wrapper{
    gap:18px;
  }
  .homepage-blog-wrapper.blog-wrapper .news-item{
    flex:0 0 100%;
    width:100%;
    max-width:100%;
  }
  .homepage-blog-wrapper.blog-wrapper .news-item .text{
    padding:16px;
  }
}