/* ==========================================================================
   PULSE — THE RELEASE.

   After the peak the page deliberately stops working so hard. This chapter has
   no hover state, no selector, no reveal group and no parallax: a warm
   photograph, a headline that is simply there, and the beat line losing its
   amplitude until it is nearly flat.

   The night ramp's last stop is a warm black rather than the peak's near-black,
   so the ground itself comes back up a little here. That is the afterglow, and
   it is done with colour rather than by removing a filter.
   ========================================================================== */
.final {
  position: relative;
  min-height: 100svh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: grid;
  align-content: end;
  overflow: hidden;
  isolation: isolate;
}
.final::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 30%, transparent) 22%,
    color-mix(in srgb, var(--night) 62%, transparent) 74%,
    var(--bg) 100%);
}
.final__fig img { object-position: 50% 46%; }

.final__body {
  position: relative;
  z-index: 2;
  width: min(100% - var(--gut) * 2, var(--wrap));
  margin-inline: auto;
  padding-bottom: clamp(6rem, 14vh, 9rem);
}
.final__body .eyebrow { margin-bottom: 1rem; }
.final__body .lead { margin-block: clamp(1rem, 2.4vw, 1.8rem); }
.final__cta { display: flex; flex-wrap: wrap; gap: 0.8rem; }

.beat--final {
  position: absolute;
  left: 0; right: 0;
  bottom: clamp(1.6rem, 4vh, 2.6rem);
  z-index: 2;
  padding-inline: var(--gut);
}
/* the last line is quieter than every other station, including in colour */
.beat--final .beat__path { stroke: color-mix(in srgb, var(--ink) 45%, transparent); }