.hero.patriotic::after {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  transform: none;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(4, 20, 50, .94) 0%, rgba(5, 27, 66, .84) 46%, rgba(5, 34, 77, .52) 100%),
    url("panama-canal-hero.png") center center / cover no-repeat;
  opacity: 1;
  filter: none;
  pointer-events: none;
  z-index: 0;
}

.hero.patriotic .shell,
.hero.patriotic .content {
  position: relative;
  z-index: 2;
}

.patriotic-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(110deg, rgba(6, 28, 67, .90), rgba(8, 62, 139, .68)),
    url("panama-skyline-footer.png") center center / cover no-repeat;
  opacity: 1;
  mix-blend-mode: normal;
  pointer-events: none;
}

.patriotic-cta {
  background: #082c67;
}

@media (max-width: 700px) {
  .hero.patriotic::after {
    background:
      linear-gradient(rgba(4, 20, 50, .88), rgba(5, 27, 66, .78)),
      url("panama-canal-hero.png") 62% center / cover no-repeat;
  }

  .patriotic-cta::before {
    background:
      linear-gradient(rgba(6, 28, 67, .88), rgba(8, 62, 139, .70)),
      url("panama-skyline-footer.png") center center / cover no-repeat;
  }
}