/* Background-only bridge. No section sizing, content transforms or timelines. */
.section-atmosphere {
  position: absolute;
  inset: auto 0 0;
  height: clamp(100px, 14vh, 180px);
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  transform-origin: center bottom;
  mask-image: linear-gradient(to bottom, transparent, #0002 24%, #0008 55%, #000e 82%, #000 94%);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #0002 24%, #0008 55%, #000e 82%, #000 94%);
}
.section-atmosphere img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--atmosphere-image-height);
  object-fit: cover;
  /* Mirror the next background's top edge: exact color continuity at the seam. */
  transform: scaleY(-1);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .section-atmosphere { transform: none !important; }
}