/* Local visual iteration only. Crop the text-free outer sky/mountain strips. */
body { position: relative; isolation: isolate; }
.shell { position: relative; }
.header { background: var(--bg); }
.atmosphere { position: absolute; inset: 0 0 auto; height: 900px; overflow: hidden; pointer-events: none; z-index: -1; mask-image: linear-gradient(to bottom, transparent 70px, #000 180px, #000 400px, transparent 760px); }
.atmosphere-edge { position: absolute; top: 60px; width: clamp(180px, 27vw, 400px); aspect-ratio: .65; overflow: hidden; opacity: .18; }
.atmosphere-edge img { position: absolute; top: -82%; width: 500%; height: auto; max-width: none; }
.atmosphere-left { left: 0; mask-image: radial-gradient(ellipse at 0 42%, #000 12%, transparent 72%); }
.atmosphere-left img { left: 0; }
.atmosphere-right { right: 0; mask-image: radial-gradient(ellipse at 100% 42%, #000 12%, transparent 72%); }
.atmosphere-right img { right: 0; }
@media (max-width: 760px) {
  .atmosphere {
    height: calc(101px + min(100vw - 44px, 380px));
    mask-image: linear-gradient(to bottom, transparent 60px, #000 150px, #000 65%, transparent 100%);
  }
  .atmosphere-edge { top: 42px; width: 150px; opacity: .18; }
}