/* Vector-native Himalayan footer artwork, integrated with the existing editorial footer.
 * The SVG is an original, locally hosted theme asset. Only CSS performs the blending.
 */
.lh-footer {
  margin-top: 0;
  padding-top: 0;
  background: #173e31;
  overflow: hidden;
}
.lh-footer-illustration {
  position: relative;
  width: 100%;
  height: clamp(355px, 42.45vw, 670px);
  background: #ffffff;
  overflow: hidden;
  isolation: isolate;
}
.lh-footer-illustration::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("./lh-himalayan-footer.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 46%;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0,0,0,.22) 4%,
    #000 17%,
    #000 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0,0,0,.22) 4%,
    #000 17%,
    #000 100%
  );
}
.lh-footer-illustration::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 29%;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(23,62,49,0),
    rgba(23,62,49,.14) 15%,
    rgba(23,62,49,.69) 61%,
    #173e31 100%
  );
}
.lh-footer-illustration + .lh-footer-grid {
  padding-top: 30px;
}
@media (max-width: 800px) {
  .lh-footer-illustration {
    height: clamp(310px, 68vw, 485px);
  }
  .lh-footer-illustration::before {
    background-position: 67% center;
  }
}
@media (max-width: 560px) {
  .lh-footer-illustration {
    height: clamp(295px, 87vw, 385px);
  }
  .lh-footer-illustration::before {
    background-position: 96% center;
  }
  .lh-footer-illustration + .lh-footer-grid {
    padding-top: 20px;
  }
}