/* Join the existing mountain foreground to the next full-width navy section. */
@media (forced-colors:none) {
  .hero::before {
    display:block; content:""; position:absolute; z-index:0;
    inset:auto 0 0; width:auto; height:80px; aspect-ratio:auto;
    transform:none; opacity:1; pointer-events:none;
    background:#0a3446;
    clip-path:polygon(0 58%,32% 80%,68% 25%,100% 55%,100% 100%,0 100%);
  }
  .problem { background:linear-gradient(to bottom,#0a3446,#104459); margin-top:-1px; }
  .problem::before { display:none; }
}
.problem { padding-top:64px; }
#services { scroll-margin-top:24px; }
@media (max-width:600px) {
  .hero::before { height:64px; }
  .problem { padding-top:40px; }
}