.articles-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--color-background); }
.articles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: var(--space-2); }
.article-contacts__grid { display: grid; grid-template-columns: minmax(16rem, 0.6fr) minmax(20rem, 1.2fr); gap: var(--space-4); align-items: start; }
.article-contacts__list { display: grid; gap: var(--space-2); margin-top: var(--space-3); padding: 0; color: var(--color-text-soft); list-style: none; }

@media (max-width: 64rem) {
  .articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 48rem) {
  .article-contacts__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 40rem) {
  .articles-grid { grid-template-columns: minmax(0, 1fr); }
}