/* ============================================================
   THE CLOSING SLIDE — six treatments.
   The brief's default is pure black, white text, facts only, and
   the last line is the one that changes the letter. These are
   variations on that, not departures from it: no adjectives get
   added, nothing is decorated, the words are untouched.
   ============================================================ */

/* ─────────── 1. PLAIN BLACK ───────────
   base.css already does this. Nothing to add. */


/* ─────────── 3. RULED, IN NEGATIVE ───────────
   The letter's own page, turned over. The inside and the ending
   become the same object. */

.slide.af-ruled { --after-pad-x: 104px; }
.slide.af-ruled .after-body {
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0 54px,
    rgba(255, 255, 255, .13) 54px 55px,
    transparent 55px 56px);
  background-position: 0 6px;
  padding: 6px 0 40px;
}
.slide.af-ruled .after-body {
  font-size: 44px;
  line-height: 56px;
}
.slide.af-ruled .after-body > p + p { margin-top: 56px; }


/* ─────────── 4. THEIR PHOTOGRAPH ───────────
   The cover picture underneath, nearly gone. You read what happened
   while still looking at them. */

.slide.af-photo .after-media { display: block; }
.slide.af-photo .after-media img {
  filter: grayscale(1) contrast(1.02) brightness(1.02);
}
.slide.af-photo .after-media .veil {
  background:
    linear-gradient(to bottom,
      rgba(0, 0, 0, .80) 0%,
      rgba(0, 0, 0, .66) 44%,
      rgba(0, 0, 0, .82) 100%),
    radial-gradient(112% 78% at 50% 42%, rgba(0, 0, 0, .24) 0%, rgba(0, 0, 0, .86) 100%);
}
.slide.af-photo .after-media.is-blank img { display: none; }
.slide.af-photo .after-body {
  text-shadow: 0 2px 22px rgba(0, 0, 0, .8);
}


/* ─────────── 5. DEEP PLUM ───────────
   The brand's ink rather than pure black. Warmer, still grave. */

.slide.af-plum {
  background: radial-gradient(128% 96% at 50% 34%, #2E1330 0%, #190A1B 62%, #120714 100%) !important;
}
/* Every line is set identically. The closing fact lands because of where
   it falls in the sequence, not because it is brighter than the lines that
   set it up. Anything that makes the last line stand out pulls the eye to
   the ending before the reader has been told how it got there. */
.slide.af-plum .after-body,
.slide.af-plum .after-body > p { color: #F6EDE4; }


/* ─────────── 6. THE RECORD ───────────
   Each fact on its own band, hairline ruled. Reads as an entry in a
   register rather than a paragraph. */

.slide.af-record { --after-pad-y: 116px; }
.slide.af-record .after-body { --after-measure: 872px; }
.slide.af-record .after-body > p {
  font-size: 42px;
  line-height: 1.44;
  padding: 34px 0;
}
.slide.af-record .after-body > p + p {
  margin-top: 0;
  border-top: 1px solid rgba(255, 255, 255, .20);
}
.slide.af-record .after-body > p:last-child {
  font-weight: 500;
  padding-bottom: 0;
}