/* ==========================================================================
   sections-2-6.css — per-section geometry
   Positions are cap-top offsets read off the snapshots, converted to box
   offsets. Sections 4, 5 and 6 are one repeated pattern:
   heading -> subhead -> rule -> artwork.
   ========================================================================== */

/* --- 2. The initiative -------------------------------------------------- */
/* Heading cap-top 73; paragraph cap-tops 139 / 294 / 414. */

.initiative__title {
  padding-top: calc(61 * var(--u));
}

.initiative__body {
  margin-top: calc(18 * var(--u));
}

/* --- 3. What to do at the counter --------------------------------------- */
/* Heading cap-tops 69 and 122 (two lines); body cap-top 189.
   Artwork scale taken from the vertical extent, not the horizontal: the
   asset's soft glow widens its measured bbox, which inflates a width-derived
   scale and makes the hand overflow the section. */

.counter__title {
  padding-top: calc(57 * var(--u));
}

.counter__body {
  margin-top: calc(20 * var(--u));
}

.counter__art {
  top: calc(305 * var(--u));
  transform: translateX(calc(-50% - 6.5 * var(--u)));
  width: calc(196 * var(--u));
}

/* --- 4. When age is unclear --------------------------------------------- */
/* Heading cap-top 16, subhead 60, rule 125, artwork top 100 (width 291). */

.unclear__title {
  padding-top: calc(8 * var(--u));
}

.unclear__sub {
  margin-top: calc(8 * var(--u));
}

.unclear__rule {
  margin-top: calc(35 * var(--u));
}

.unclear__art {
  top: calc(114 * var(--u));
  transform: translateX(calc(-50% - 16 * var(--u)));
  width: calc(231 * var(--u));
}

/* --- 5. When ID is provided --------------------------------------------- */
/* Heading cap-top 21, subhead 65, rule 157, artwork top 183 (width 276). */

.provided__title {
  padding-top: calc(13 * var(--u));
}

.provided__sub {
  margin-top: calc(8 * var(--u));
}

.provided__rule {
  margin-top: calc(52 * var(--u));
}

.provided__art {
  top: calc(188 * var(--u));
  transform: translateX(calc(-50% - 11 * var(--u)));
  width: calc(223 * var(--u));
}

/* --- 6. When the customer is under 18 ----------------------------------- */
/* Heading cap-tops 21 and 58 (two lines); subhead cap-top 102.
   No artwork — the shortest section on the page at 177px. */

.under18__title {
  padding-top: calc(13 * var(--u));
}

.under18__sub {
  margin-top: calc(8 * var(--u));
}