/* The client-supplied JPEG carries the white-to-sand wave and dark/orange artwork.
   Add headroom for the wave without changing the destination cards or map layout. */
.hero-followthrough{
  background:linear-gradient(to bottom,#FDF6EE 0%,#fff 100%);
}
.altair-footer-scene{
  --footer-wave-offset:clamp(145px,12.5vw,220px);
  background:#2c1309 url("/assets/footer_bg+.jpg?v=20260929-wave") center top/100% calc(100% + 115px) no-repeat;
}
.footer-top-shell{
  padding-top:calc(37px + var(--footer-wave-offset));
  min-height:calc(520px + var(--footer-wave-offset));
}
.footer-map-card{top:calc(171px + var(--footer-wave-offset))}
@media(max-width:950px){
  .altair-footer-scene{
    --footer-wave-offset:clamp(155px,20vw,210px);
    background-size:100% calc(100% + 115px);
  }
  .footer-top-shell{padding-top:calc(30px + var(--footer-wave-offset));min-height:0}
  .footer-map-card{top:auto}
}
@media(max-width:660px){
  .altair-footer-scene{
    --footer-wave-offset:72px;
    background-size:100% calc(100% + 115px);
  }
  /* Keep the supplied wave in its original proportions on narrow screens,
     instead of stretching its shallow curve into tall peaks. */
  .altair-footer-scene::before{
    content:"";position:absolute;z-index:0;left:0;right:0;top:0;
    height:260px;background:#F7ECE6;pointer-events:none;
  }
  .altair-footer-scene::after{
    content:"";position:absolute;z-index:0;left:0;right:0;top:0;
    height:65px;background:url("/assets/footer_bg+.jpg?v=20260929-wave") center top/100% auto no-repeat;
    pointer-events:none;
  }
  .footer-top-shell,.footer-dark{position:relative;z-index:1}
  .footer-top-shell{padding-top:calc(29px + var(--footer-wave-offset))}
}
