/* ==========================================================================
   close.css — section 8, the closing calls to action
   Two icon rows, a centred lead line, then the campaign lockup.
   Row 1 icon at y 38, text cap-tops 35 / 73. Row 2 at 124 / 122 / 158.
   Lead cap-tops 220 and 253. Lockup band 328-386.
   ========================================================================== */

.close__actions {
  max-width: calc(393 * var(--u));
  margin-inline: auto;
  padding-top: calc(26 * var(--u));
  text-align: left;
}

.close__action {
  display: flex;
  align-items: flex-start;
  gap: calc(24 * var(--u));
  padding-inline: calc(17 * var(--u));
  /* The whole row is the target, not just the words. */
  padding-block: calc(4 * var(--u));
}

.close__action + .close__action {
  margin-top: calc(30 * var(--u));
}

.close__icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: calc(46 * var(--u));
  height: calc(46 * var(--u));
  border-radius: 999px;
  /* Deep navy disc, distinctly darker than the magenta behind it. */
  background-image: radial-gradient(circle at 50% 35%, #14246b 0%, #050a33 100%);
}

.close__icon svg {
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  fill: #ffffff;
}

.close__icon--quiz {
  font-size: calc(24 * var(--u));
  font-weight: var(--fw-bold);
  color: #ffffff;
}

.close__actionTitle {
  display: block;
  font-size: calc(var(--fs-body) * var(--u));
  line-height: 1.15;
  font-weight: var(--fw-bold);
}

.close__actionSub {
  display: block;
  margin-top: calc(4 * var(--u));
  font-size: calc(var(--fs-sub) * var(--u));
  line-height: var(--lh-sub);
  font-weight: var(--fw-regular);
}

/* Underline only on interaction — the design shows them plain. */
.close__action:hover .close__actionTitle,
.close__action:focus-visible .close__actionTitle {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* --- Lead -------------------------------------------------------------- */

.close__lead {
  max-width: calc(393 * var(--u));
  margin-top: calc(20 * var(--u));
  margin-inline: auto;
  font-size: calc(24.5 * var(--u));
  line-height: calc(33 / 24.5);
  font-weight: var(--fw-bold);
  text-align: center;
}

/* --- Lockup ------------------------------------------------------------ */

.close__lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(14 * var(--u));
  margin-top: calc(42 * var(--u));
}

.close__lockupMark {
  width: calc(106 * var(--u));
  height: auto;
}

.close__lockupText {
  font-size: calc(21 * var(--u));
  line-height: 1.15;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  text-align: left;
}