/* ============================================================
   PITCH / CARDS SECTION
   ============================================================ */

#pitch {
  background-color: var(--color-cream);
  height: 240vh;
  overflow-x: clip;
}

.pitch__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card stack container */
.pitch__cards {
  position: relative;
  width: clamp(260px, 28vw, 380px);
  height: clamp(340px, 52vh, 520px);
}

/* Base card styles */
.pitch__card {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  overflow: hidden;
  will-change: transform;
  transform-origin: center center;
  box-shadow: none;
  border: 1.5px solid #111;
}

.pitch__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Red copy card */
.pitch__card--copy {
  background-color: var(--color-red);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: clamp(16px, 2vw, 28px);
  z-index: 4;
}

.pitch__card--copy p {
  font-family: var(--font-meursault);
  font-size: var(--text-h4);
  font-variation-settings: "wght" 400, "wdth" 100;
  color: var(--color-cream);
  line-height: 1.35;
}

/* Photo card z-indexes */
.pitch__card:nth-child(1) { z-index: 1; }
.pitch__card:nth-child(2) { z-index: 4; } /* red copy — always on top */
.pitch__card:nth-child(3) { z-index: 2; }
.pitch__card:nth-child(4) { z-index: 3; }