.content-section {
  position: relative;
  min-height: 100vh;
  padding: 140px var(--page-padding);
  border-top: none;
  isolation: isolate;
  overflow: hidden;
}

.content-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background-size: cover;
  background-position: center right;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.2) 50%),
    linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.22) 100%),
    var(--section-bg);
}

.content-section-1 { --section-bg: url("../../assets/images/Electronics.jpeg"); }
.content-section-2 { --section-bg: url("../../assets/images/Engine.jpeg"); }
.content-section-3 { --section-bg: url("../../assets/images/Failure.jpeg"); }

.content-section__inner {
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  margin: 0 auto;
}

.section-kicker {
  margin-bottom: 24px;
  font-size: 15px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--dim);
}

.section-title {
  max-width: 1100px;
  font-size: clamp(36px, 5vw, 40px);
  line-height: 1;
  text-transform: uppercase;
}

.mission-section {
  padding: 160px var(--page-padding);
  background: linear-gradient(180deg, #000 0%, #0a0a0a 100%);
  border-top: none;
}

.mission-section__inner {
  max-width: 900px;
  margin: 0 auto;
}

.mission-title {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 300;
  line-height: 1.3;
  color: var(--white);
  margin-bottom: 32px;
}

.mission-body {
  font-size: 18px;
  line-height: 1.7;
  color: var(--muted);
}

.content-section-1 {
  border-top: none;
}