/* Wellbore cleaning */

/* Proof strip under hero */
.wb-proof {
  background: var(--ink-900);
  color: var(--color-text-inverse-muted);
  border-top: 1px solid var(--color-border-dark);
}
.wb-proof__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  list-style: none;
  padding: 0;
}
.wb-proof__grid li {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-6) var(--space-5);
  border-left: 1px solid var(--color-border-dark);
  font-size: var(--fs-sm);
}
.wb-proof__grid li:first-child { border-left: 0; padding-left: 0; }
.wb-proof__grid strong {
  font-family: var(--font-display);
  font-size: var(--fs-3xl);
  line-height: 1;
  color: var(--white);
}
@media (max-width: 900px) {
  .wb-proof__grid li { border-left: 0; padding-left: 0; border-top: 1px solid var(--color-border-dark); }
  .wb-proof__grid li:first-child { border-top: 0; }
}

/* Services */
.wb-services { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
@media (min-width: 1100px) {
  .wb-services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wb-services__ops { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.4fr); column-gap: var(--space-5); align-items: start; }
  .wb-services__ops .card__icon { margin-bottom: 0; grid-row: span 2; }
  .wb-services__ops h3 { margin-bottom: 0; }
  .wb-services__ops .wb-list { grid-row: span 2; grid-column: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.wb-list { display: grid; gap: var(--space-2); list-style: none; padding: 0; margin-top: var(--space-3); }
.wb-list li { display: flex; gap: var(--space-2); align-items: flex-start; font-weight: 500; color: var(--ink-800); }
.wb-list svg { width: 18px; height: 18px; flex: none; margin-top: 0.3rem; color: var(--color-accent); stroke-width: 3; }
@media (min-width: 640px) { .wb-list--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-5); } }

/* Tool groups */
.wb-group + .wb-group { margin-top: var(--space-8); }
.wb-group__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-5);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 2px solid var(--ink-900);
}
.wb-group__head h3 { text-transform: uppercase; font-size: var(--fs-xl); }
.wb-group__head p { color: var(--color-text-muted); font-size: var(--fs-sm); }
.wb-tools { grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); }

/* Partner */
.wb-partner__logo {
  display: grid;
  place-items: center;
  gap: var(--space-4);
  padding: clamp(2rem, 1rem + 5vw, 5rem) var(--space-6);
  background: var(--ink-50);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  text-align: center;
}
.wb-partner__logo img { width: min(100%, 300px); }
.wb-partner__since {
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-500);
}

/* Mission */
.wb-mission { position: relative; overflow: hidden; }
.wb-mission::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4rem;
  width: 16rem;
  background: repeating-linear-gradient(90deg, rgba(237, 50, 55, 0.18) 0 22px, transparent 22px 50px);
  transform: skewX(var(--slant));
  pointer-events: none;
}
.wb-mission__quote { position: relative; z-index: 1; margin-top: var(--space-5); }
.wb-mission__quote p {
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: 600;
  font-style: italic;
  line-height: 1.25;
  color: var(--white);
}
.wb-mission__quote footer { margin-top: var(--space-5); font-size: var(--fs-sm); }
.wb-mission__quote footer strong { display: block; color: var(--white); font-size: var(--fs-base); }

/* Case teaser */
.wb-case {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  background: var(--ink-50);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
}
@media (min-width: 900px) { .wb-case { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }
.wb-case__body { display: grid; gap: var(--space-4); align-content: center; justify-items: start; padding: clamp(2rem, 1.5rem + 3vw, 4rem); }
.wb-case__body h2 { font-size: var(--fs-2xl); }
.wb-case__body p { color: var(--color-text-muted); }
.wb-case__img { min-height: 260px; }
.wb-case__img img { width: 100%; height: 100%; object-fit: cover; }