/* Наши правки поверх стилей Webflow. Подключается последним в base.njk. */

/* Плитки на /production-studio/, добавленные или перенесённые при сверке
   с разделами. Базовый .div-block-68 даёт градиент и cover, класс t-* —
   картинку и высоту ряда. */
.div-block-68.tile-prod.t-skills {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/prod-skills.jpg');
  height: 470px;
}

.div-block-68.tile-prod.t-mental {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/Group.jpg');
  height: 390px;
}

.div-block-68.tile-prod.t-safety {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/prod-safety.jpg');
  height: 420px;
}

.div-block-68.tile-prod.t-digsim {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/3.jpg');
  height: 420px;
}

.div-block-68.tile-prod.t-machinist {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/machinist-3.jpeg');
  height: 390px;
}

.div-block-68.tile-prod.t-sapsan {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/2.jpg');
  height: 390px;
}

.div-block-68.tile-prod.t-ticket {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/traininspector-3.jpeg');
  height: 460px;
}

.div-block-68.tile-prod.t-inspector {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/Group_8.jpg');
  height: 460px;
}

.div-block-68.tile-prod.t-clinic-admin {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/prod-clinic-admin.jpg');
  height: 460px;
}

.div-block-68.tile-prod.t-therapist {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/prod-therapist.jpg');
  height: 460px;
}


/* На узких экранах Webflow распускает высоту плиток — новые ведут себя так же.
   Селекторы той же длины, что и выше, иначе фиксированная высота перебьёт auto. */
@media screen and (max-width: 991px) {
  .div-block-68.tile-prod.t-skills,
  .div-block-68.tile-prod.t-mental,
  .div-block-68.tile-prod.t-safety,
  .div-block-68.tile-prod.t-digsim,
  .div-block-68.tile-prod.t-machinist,
  .div-block-68.tile-prod.t-sapsan,
  .div-block-68.tile-prod.t-ticket,
  .div-block-68.tile-prod.t-inspector,
  .div-block-68.tile-prod.t-clinic-admin,
  .div-block-68.tile-prod.t-therapist {
    height: auto;
  }
}