/* ============================ 07 — THE RIVER ============================== */
.sl--photo { position: absolute; inset: 0; overflow: hidden; background: #0d1113; color: var(--ivory); }

.s7-photo { position: absolute; inset: 0; }
.s7-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) contrast(1.06) brightness(.62) sepia(.14);
}
.s7-veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(96deg, rgba(9, 12, 14, .94) 0%, rgba(9, 12, 14, .82) 38%, rgba(9, 12, 14, .28) 62%, rgba(9, 12, 14, .1) 100%),
    linear-gradient(to top, rgba(9, 12, 14, .8) 0%, rgba(9, 12, 14, 0) 46%);
}
.s7-veil::after {
  content: '';
  position: absolute;
  inset: 0 0 0 48%;
  background: linear-gradient(to left, rgba(9, 12, 14, .82) 0%, rgba(9, 12, 14, .55) 45%, rgba(9, 12, 14, 0) 100%);
}
.s7-light {
  position: absolute;
  left: -10%;
  top: -30%;
  width: 70%;
  height: 150%;
  background: linear-gradient(104deg, rgba(255, 226, 170, .3), rgba(255, 226, 170, .04) 52%, transparent 70%);
  filter: blur(40px);
  mix-blend-mode: screen;
  pointer-events: none;
}

.s7-head {
  position: absolute;
  left: 132px;
  top: 150px;
  width: 760px;
  z-index: 3;
}
.s7-head .kicker { margin-bottom: 24px; }
.s7-title {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 76px;
  line-height: 1.02;
  letter-spacing: -.02em;
  margin: 0 0 26px;
  color: var(--ivory);
}
.s7-head .lede { font-size: 20px; max-width: 620px; color: rgba(247, 241, 230, .72); }

.s7-spine {
  position: absolute;
  left: 1040px;
  top: 150px;
  width: 760px;
  z-index: 3;
  padding-left: 34px;
}
.s7-spine .spine-item::before { background: #12181c; border-color: var(--gold-lit); }
.s7-spine .spine-item .yr { color: var(--gold-lit); }
.s7-spine .spine-item h4 { color: var(--ivory); }
.s7-spine .spine-item p { color: rgba(247, 241, 230, .62); max-width: 460px; }

.s7-note {
  position: absolute;
  left: 132px;
  bottom: 168px;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 660px;
  padding: 18px 22px;
  border: 1px solid rgba(247, 241, 230, .14);
  border-left: 2px solid var(--gold);
  background: rgba(12, 16, 18, .5);
}
.s7-note span:last-child {
  font-family: var(--sans);
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(247, 241, 230, .72);
}

.s7-cite { left: 132px; bottom: 112px; max-width: 640px; }