.eyebrow.dark { color: var(--blue); }

.industrial-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 54px;
  align-items: center;
}

.industrial-logo {
  display: block;
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(0,0,0,.28);
}

.brand-showcase { padding: 60px 0; background: #020b17; color: #fff; }
.brand-showcase .wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: center; }
.brand-showcase h2 { margin: .35em 0 0; font-family: Georgia, serif; font-size: clamp(1.8rem, 3.5vw, 3rem); line-height: 1.15; }
.brand-badges { display: grid; grid-template-columns: 1.3fr .9fr; gap: 22px; align-items: center; }
.brand-badges img { display: block; width: 100%; border-radius: 10px; }

.inspection-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.inspection-card {
  margin: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.inspection-card-wide { grid-column: 1 / -1; }

.inspection-card img {
  display: block;
  width: 100%;
  height: 330px;
  object-fit: cover;
}

.inspection-card-wide img { height: 500px; }

.inspection-card figcaption {
  display: grid;
  gap: 5px;
  padding: 18px 20px 20px;
}

.inspection-card figcaption strong {
  color: var(--navy);
  font-size: 1.1rem;
}

.inspection-card figcaption span { color: #52667c; }
.inspection-card-wide figcaption { border-top: 4px solid var(--gold); }

@media (max-width: 850px) {
  .industrial-hero,
  .brand-showcase .wrap { grid-template-columns: 1fr; }
  .industrial-logo { max-width: 310px; }
  .brand-badges { grid-template-columns: 1fr 1fr; }
  .inspection-gallery { grid-template-columns: 1fr; }
  .inspection-card-wide { grid-column: auto; }
  .inspection-card img,
  .inspection-card-wide img { height: 320px; }
}

@media (max-width: 560px) {
  .brand-badges { grid-template-columns: 1fr; }
}