/* ============================================================
   ATMOSPHERE — FULL BLEED STICKY SCROLL
   ============================================================ */

#atmosphere {
  /* One extra vh of padding at top and bottom, plus one vh per reveal */
  height: 300vh;
}

.atm__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.atm__image {
  position: absolute;
  inset: 0;
}

.atm__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}

/* All images except the first start hidden below */
.atm__image:not(:first-child) {
  clip-path: inset(100% 0 0 0);
}

.atm__image:first-child img {
  object-position: center 85%;
}