/* ---------- Progress bar + current-month indicator ---------- */

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background: var(--black);
  /* Above .photo-card img/video (z-index:95) - was 60, which put it BELOW
     timeline photos once those got their own z-index for the ambient-art
     fix, so scrolling covered the bar entirely. Bug reported 2026-08-22.
     Still below .side-menu (98) and the lightbox (100) on purpose. */
  z-index: 97;
}

.current-month {
  position: fixed;
  top: 18px;
  right: 18px;
  padding: 6px 12px;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey);
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 97; /* same fix and reason as .progress-bar above */
  pointer-events: none;
}

.current-month.visible {
  opacity: 1;
}