.industrial-hero--guard-openings {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(
      90deg,
      rgba(7, 21, 17, 0.94) 0%,
      rgba(7, 21, 17, 0.84) 48%,
      rgba(7, 21, 17, 0.48) 100%
    ),
    url("/assets/knowledge/machine-guarding-openings/machine-guarding-openings-hero-2x1-720.webp")
      center / cover no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.22);
}

.industrial-hero--guard-openings .wrap {
  position: relative;
  z-index: 1;
}

.industrial-hero--guard-openings .support-breadcrumb,
.industrial-hero--guard-openings .support-breadcrumb a,
.industrial-hero--guard-openings .lede {
  color: rgba(255, 255, 255, 0.88);
}

.industrial-hero--guard-openings .eyebrow,
.industrial-hero--guard-openings::after {
  color: #f3c66b;
}

.industrial-hero--guard-openings::after {
  border-color: rgba(255, 255, 255, 0.28);
}

.industrial-hero--guard-openings .button.secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.72);
  background: rgba(7, 21, 17, 0.28);
}

@media (min-width: 48rem) {
  .industrial-hero--guard-openings {
    background-image:
      linear-gradient(
        90deg,
        rgba(7, 21, 17, 0.94) 0%,
        rgba(7, 21, 17, 0.84) 48%,
        rgba(7, 21, 17, 0.48) 100%
      ),
      url("/assets/knowledge/machine-guarding-openings/machine-guarding-openings-hero-2x1-1440.webp");
  }
}

@media (max-width: 39.99rem) {
  .industrial-hero--guard-openings {
    background-position: 58% center;
  }
}