/* ================================================================
   Hero-картинка статьи блога 16:9 — SEO-friendly, LCP-оптимизировано
   ================================================================ */
.article-hero {
  margin: 0 0 32px;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 4px 12px rgba(0, 40, 45, 0.06),
    0 16px 40px rgba(0, 40, 45, 0.08);
  position: relative;
  background: #f0f5f0;
}
.article-hero picture,
.article-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.article-hero figcaption {
  /* Подпись скрыта визуально, но доступна для скринридеров и SEO */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 640px) {
  .article-hero {
    margin: 0 -16px 24px;
    border-radius: 12px;
  }
}