/* The panoramic asset includes both banks: no scaled cutout or edge-fading workaround. */
.polar-footer { height: auto; overflow: hidden; }
.polar-footer .polar-terrain {
  display: block; width: 100%; height: auto;
  /* Neutral storm-gray grading preserves the image detail without blur. */
  filter: saturate(.65) brightness(.92) contrast(.90);
  -webkit-mask-image: none; mask-image: none;
}
/* Restore the soft atmospheric treatment at the full scene width. */
.polar-atmosphere {
  position: absolute; inset: 0; pointer-events: none;
  background: url('../../assets/cloud-layers/cloud-01.png') center / cover;
  opacity: .18;
  -webkit-mask-image: url('../../assets/blog/polar-glacier-v1.png'), linear-gradient(#000 35%, transparent 90%);
  mask-image: url('../../assets/blog/polar-glacier-v1.png'), linear-gradient(#000 35%, transparent 90%);
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-composite: source-in; mask-composite: intersect;
}
.polar-fog {
  position: absolute; inset: 56% 0 auto; height: 27%; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent, #000 35%, #000 55%, transparent);
  mask-image: linear-gradient(transparent, #000 35%, #000 55%, transparent);
}
.polar-fog .mist { top: 0; height: 100%; object-fit: fill; mask-image: none; -webkit-mask-image: none; }
.polar-fog .mist-original { --mist-low: .32; --mist-high: .46; filter: saturate(.2) brightness(.96); }
.polar-fog .mist-wisps { top: 10%; --mist-low: .18; --mist-high: .28; filter: saturate(.2) brightness(.98); }
.polar-footer p { z-index: 2; color: #e8edf1; text-shadow: 0 1px 4px #252c35; }
@media (max-width: 600px) {
  .polar-footer { height: auto; }
  .polar-footer .polar-terrain { height: auto; }
}