#materials-page .news-page-hero-bg {
  background: linear-gradient(90deg, rgb(0 0 0 / .54), rgb(0 0 0 / .14) 52%, rgb(0 0 0 / .28)), url("../images/materials1920-900-1.jpg") center / cover no-repeat;
}
#materials-page .news-page-head { grid-template-columns: 1fr; align-items: start; margin-bottom: 0; }
#materials-page .news-page-list-section { padding-bottom: clamp(48px, 4.8vw, 78px); }
#materials-page .news-contact-section { padding-top: 0; }
.material-category-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 42px); width: 100%; padding: 4px 0 0; }
.material-category-card { display: grid; grid-template-rows: auto auto; gap: 16px; min-width: 0; color: var(--ink); text-align: center; }
.material-category-card img, .material-category-card span { display: grid; width: 100%; height: 100%; place-items: center; border-radius: 8px; }
.material-category-card img { aspect-ratio: 4 / 3; height: auto; object-fit: cover; background: #fff; }
.material-category-card span { background: #08c96f; color: #fff; font-size: clamp(24px, 1.8vw, 34px); font-weight: 900; }
.material-category-card em { color: var(--ink); font-style: normal; font-size: var(--fs-body-sm); font-weight: 800; white-space: nowrap; }
@media (max-width: 820px) {
  .material-category-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #materials-page .news-page-hero-bg { background: linear-gradient(90deg, rgb(0 0 0 / .64), rgb(0 0 0 / .2) 54%, rgb(0 0 0 / .38)), url("../images/materials1920-900-1.jpg") center top / cover no-repeat; }
  .material-category-rail { grid-template-columns: 1fr; gap: 24px; padding-inline: 0; }
}