.hero-media {
  background-image: url('assets/petrotrader-concept-hero.webp');
  background-position: center;
  background-size: cover;
}

.technology-media {
  align-items: stretch;
  min-height: 560px;
  overflow: hidden;
  padding: 0;
  background: #04213a;
}

.technology-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none;
}

.emergency {
  background:
    linear-gradient(90deg, rgba(5, 23, 38, .98) 0%, rgba(5, 23, 38, .92) 43%, rgba(5, 23, 38, .68) 72%, rgba(5, 23, 38, .78) 100%),
    url('assets/petrotrader-concept-emergency.webp') center / cover no-repeat;
}

.emergency-copy {
  background: linear-gradient(145deg, rgba(23, 52, 72, .72), rgba(7, 27, 44, .2));
}

.response-grid {
  background: rgba(4, 20, 34, .58);
  backdrop-filter: blur(2px);
}

.impact-visual {
  position: relative;
  overflow: hidden;
  margin: 54px 0 0;
  background: var(--navy);
}

.impact-visual img {
  width: 100%;
  height: min(46vw, 500px);
  object-fit: cover;
}

.impact-visual figcaption {
  position: absolute;
  left: 18px;
  bottom: 15px;
  padding: 9px 12px;
  background: rgba(3, 25, 47, .84);
  color: #dcebf2;
  font-size: .7rem;
}

@media (max-width: 620px) {
  .impact-visual img { height: 360px; }
  .impact-visual figcaption {
    position: static;
    display: block;
    background: var(--navy);
  }
  .technology-media { min-height: 360px; }
  .emergency { background-position: 62% center; }
}