/* Top page only */
.quality-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.quality-item{
  min-height:300px;
  padding:32px;
  background:#fff;
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 30px rgba(11,31,51,.04);
}
.quality-item__label{
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  color:var(--blue);
  margin-bottom:10px;
}
.quality-item h3{
  margin:0 0 12px;
  color:var(--navy);
  font-size:24px;
  line-height:1.45;
}
.quality-item p{
  margin:0;
  color:#526273;
  font-size:14px;
  line-height:1.9;
}
.quality-item__logos{
  display:flex;
  align-items:flex-end;
  gap:18px;
  margin-top:auto;
  padding-top:24px;
}
.quality-item__logos img{
  display:block;
  width:auto;
  height:84px;
  max-width:112px;
  object-fit:contain;
}
.quality-item__logos img:last-child{
  height:66px;
  max-width:92px;
}
@media(max-width:1100px){
  .quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .quality-grid{grid-template-columns:1fr}
  .quality-item{min-height:auto}
  .quality-item__logos{margin-top:24px}
}

.quality-item__button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding:13px 16px;
  border:1px solid var(--navy);
  color:var(--navy);
  font-size:13px;
  font-weight:800;
  transition:.2s;
}
.quality-item__button:hover{
  background:var(--navy);
  color:#fff;
}

/* Mobile: top visual/slideshow is used as a subtle hero background */
@media(max-width:850px){
  .hero-slider{
    display:none!important;
  }
  .hero{
    background:
      linear-gradient(rgba(7,23,37,.88),rgba(7,23,37,.88)),
      url("img/index/top_image_01.jpg") center/cover no-repeat!important;
  }
  .hero-layout{
    gap:0!important;
  }
  .hero-copy{
    position:relative;
    z-index:2;
  }
}