.avatars-stack {
  display: flex;
  align-items: center;
}

.avatars-stack .avatar {
  margin-left: 0; /* сбрасываем старый отступ */
}

.avatars-stack .avatar--second {
  margin-left: -12px; /* перекрытие */
  z-index: 1;
}

.avatars-stack .avatar:first-child {
  z-index: 2;
}

section.blog-hero-section {
  position: relative;
}

.blog-hero-container {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  z-index: 1;
  padding: 1.5rem 5.875rem;
        }

.blog-hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #cceef2;
            clip-path: polygon(52% 0, 100% 0%, 100% 100%, 45% 100%);
            z-index: 0;
        }

section.blog-hero-section .blog-hero-container .hero-content {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
  align-items: center;
}

.blog_date {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   font-size: 0.875rem;
   flex-wrap: wrap;
}
.meta-text {
     color: #6b7280;
 }
 .accent-line {
      width: 100%;
      max-width:35rem;
      height: 4px;
      background: linear-gradient(to right, #fbbf24, #fde047);
      border-radius: 999px;
  }
.image-hero-title {
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  font-size: 2.8125rem;
  line-height: normal;
  display: block;
  max-width: 43rem;
}
.description {
            color: #374151;
            font-size: 1.125rem;
            line-height: 1.75;
            max-width: 600px;
        }
      .badge {
            background: #1B2327;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 1.25rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 0.75rem;
        }

     .author-section {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
      .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid white;
            margin-left: -0.5rem;
        object-fit: cover;
        }
  .author-name, .author-link {
    color: #1B2327!important;
    font-size: 1rem!important;
    text-decoration: underline!important;
  }

 .hero-content-left {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1.5rem;
      padding: 6.625rem 1.5rem;
  }

.hero-content-right {
    width: 50%;
    max-width: 43rem;
    height: fit-content;
    align-self: end;
  }

.featured-image {
  border-radius: 0.625rem;
  padding: 1rem;
  background-color: #fff;
}

@media (max-width: 90rem) {
  .blog-hero-container {
  padding: 1.5rem 2.275rem;
        }
}
@media (max-width: 68.75rem) {
  .hero-content{
  flex-direction: column;
        }
  .hero-content-left, .hero-content-right {
    width: 100%;
  }
    .hero-content-left {
     padding: 1.5rem;
  }
  .blog-hero-section::before {
  clip-path: polygon(0 55%, 100% 43%, 100% 100%, 0 100%);
        }
}
@media (max-width: 48rem) {
  .blog-hero-section::before {
  clip-path: polygon(0 71%, 100% 61%, 100% 100%, 0 100%);
        }
   .blog-hero-container {
     padding: 1.5rem 1rem;
  } 
}
@media (max-width: 37.5rem) {
  .image-hero-title {
  font-weight: 700;
  font-size: 1.875rem;
}
  .author-section {
flex-direction: column;
    align-items: start;
}