.opportunity-wrap {
  width: 90%;
  max-width: none;
}

.opportunity-hero {
  position: relative;
  isolation: isolate;
  height: 80vh;
  min-height: 520px;
  max-height: 900px;
  background-position: center;
  background-size: cover;
}

.opportunity-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgb(20 18 18 / 18%), rgb(20 18 18 / 84%));
}

.supplier-hero { background-image: url('/assets/images/supplier-hero-satc.png'); }
.careers-hero { background-image: url('/assets/images/careers-hero-satc.png'); }
.opportunity-hero .opportunity-wrap { justify-content: flex-start; }
.opportunity-hero .opportunity-wrap > div { max-width: 680px; }
.opportunity-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 34px;
  color: #e5ded9;
  font-size: 13px;
}
.opportunity-breadcrumb a { color: inherit; text-decoration: none; }
.opportunity-breadcrumb i { color: var(--satc-gold, #9d7a4d); font-size: 9px; }
.opportunity-hero h1 { font-size: var(--fs-page-title, clamp(36px, 4.5vw, 60px)); }
.opportunity-hero p { color: #f1ebec; text-shadow: 0 2px 18px #000; }
.opportunity-hero .opportunity-wrap > i { display: none; }

.opportunity-page h1,
.opportunity-page h2,
.opportunity-page h3,
.opportunity-page h4 { color: var(--satc-charcoal, #242021); }
.opportunity-hero h1,
.opportunity-aside h2 { color: #fff; }
.opportunity-heading > b { color: var(--satc-charcoal, #242021); }

@media (max-width: 900px) {
  .opportunity-hero { height: 80vh; min-height: 480px; background-position: 42% center; }
  .opportunity-hero::before { background: linear-gradient(90deg, rgb(20 18 18 / 25%), rgb(20 18 18 / 88%)); }
}

@media (max-width: 620px) {
  .opportunity-wrap { width: 90%; }
  .opportunity-hero { height: 80vh; min-height: 500px; background-position: 38% center; }
  .opportunity-hero::before { background: rgb(22 20 20 / 64%); }
  .opportunity-breadcrumb { margin-bottom: 18px; }
  .opportunity-hero h1 { font-size: clamp(34px, 11vw, 46px); line-height: 1.25; }
  .opportunity-hero p { font-size: 14px; }
}