/* ============================================================
   Страница «Таблички» — блоки только этой страницы.
   Общие компоненты (шаги, карточки-фото, карточки .mat) — в pages.css.
   Подключается ПОСЛЕ styles.css и pages.css.
   ============================================================ */

/* ---------- HERO ---------- */
.hero--plates .hero__title{max-width:780px;}
.hero--plates .hero__meta{gap:20px;}
.hero--plates .hero__lead{max-width:660px;}
/* Три строки-преимущества переносятся на две; между строками отступ меньше, чем между колонками */
.hero--plates .hero__features{gap:15px 40px;flex-wrap:wrap;max-width:660px;}
.hero--plates .feat svg{width:21px;height:21px;flex:none;}

/* Заголовок портфолио в макете идёт одной строкой — базовых 1050px не хватает */
.portfolio .head__text{max-width:1300px;}

/* ---------- «Из чего делаем»: высота карточки под образец материала ---------- */
.mats--plates .mat{min-height:293px;}

/* ---------- Адаптив ---------- */
@media (max-width:1500px){
  .hero--plates .hero__meta{gap:20px;max-width:460px;}
}
@media (max-width:1024px){
  .hero--plates .hero__title{max-width:none;}
}
@media (max-width:768px){
  .mats--plates .mat{min-height:0;padding-bottom:130px;}
  .hero--plates .hero__features{gap:12px;flex-direction:column;align-items:flex-start;}
}