/* ─── Wrapper ───────────────────────────────────────── */
#sticky-sections-wrapper {
  background: #0a0a0a;
}

/* ─── Each Section ──────────────────────────────────── */
.sticky-section {
  position: relative;
}

/* ─── Sticky Label — full-width blue panel ──────────── */
.sticky-section__label {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--blue);
  padding: 6rem var(--gutter) 1.25rem;
}

/* ─── Category heading ──────────────────────────────── */
.sticky-section__heading {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 1rem;
}


/* ─── Image wrapper ─────────────────────────────────── */
.sticky-section__image-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.sticky-section__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ─── Image dark gradient ───────────────────────────── */
.sticky-section__image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top,  rgba(0,0,0,0.55) 0%, transparent 40%),
    linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, transparent 40%),
    linear-gradient(to right, rgba(0,0,0,0.35) 0%, transparent 40%);
  pointer-events: none;
}

/* ─── Image text overlays ───────────────────────────── */
.image-overlay-tl,
.image-overlay-tr,
.image-overlay-br {
  position: absolute;
  z-index: 2;
  max-width: 380px;
}

.image-overlay-tl {
  top: 2rem;
  left: var(--gutter);
}

.image-overlay-tl h3 {
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.image-overlay-tr {
  top: 2rem;
  right: var(--gutter);
  text-align: right;
}

.image-overlay-tr p {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.image-overlay-br {
  bottom: 2rem;
  left: var(--gutter);
}

.image-overlay-br p {
  font-size: var(--text-sm);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  max-width: 340px;
}