/* closing.css — the last word. */

.closing {
  position: relative;
  padding: 0 var(--pad) max(60px, env(safe-area-inset-bottom));
  text-align: center;
  background: var(--night);
  overflow: clip;
  contain: paint;
}

.closing .marquee {
  margin: 30px -30px 0;
  transform: rotate(3deg);
}

.closing__big {
  margin: 60px 0 0;
  font-weight: 800;
  font-size: clamp(58px, 18vw, 80px);
  line-height: 0.86;
  letter-spacing: -0.055em;
  text-transform: lowercase;
  font-variation-settings: "wdth" 75, "opsz" 96;
  background: linear-gradient(100deg, var(--lime) 0%, var(--sun) 35%, var(--marigold) 60%, var(--rani) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* room for descenders under background-clip */
  padding-bottom: 0.08em;
}

.closing__tag {
  margin: 18px 0 0;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: var(--lime);
}

.closing__sign {
  margin: 10px 0 0;
  font-size: 22px;
  color: rgba(255, 244, 230, 0.8);
}