/* ==========================================================================
   Home: one continuous page, not a deck of slides
   One dark ground from the hero to the footer. Sections are divided by a
   hairline on the content width and one measured gap, instead of alternating
   bands and doubled paddings. Headlines are plain and one size; the gold
   italic stays in the hero only. The figures are a compact row. Loaded on
   the home page only, after the shared stylesheets.
   ========================================================================== */

body[data-page="home"] {
  --home-y: clamp(3rem, 2rem + 3.5vw, 5.5rem);
  --home-head: calc(var(--step-3) * var(--display-scale));
}

/* --- Rhythm: one gap and one hairline between sections ---------------------- */
main > .section {
  padding-block: 0 var(--home-y);
}

main > .section > .wrap {
  padding-top: var(--home-y);
}

main > .section + .section > .wrap {
  border-top: 1px solid var(--line);
}

/* The statement leads straight into the expertise list: no line, no second gap. */
main > .intro + .expertise-home > .wrap {
  border-top: 0;
  padding-top: 0;
}

/* --- Figures: a compact row between two hairlines ------------------------- */
.figures {
  padding-block: 0;
  border-block: 0;
}

.figures > .wrap {
  padding-block: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
  border-block: 1px solid var(--line);
}

.figure {
  padding-top: 0;
}

.figure::before {
  display: none;
}

.figure__value {
  font-size: calc(clamp(2.5rem, 2rem + 1.6vw, 3.5rem) * var(--display-scale));
}

.figure__label {
  margin-top: 0.6rem;
  font-size: 0.875rem;
}

/* Phones: two by two instead of four stacked rows. */
@media (max-width: 39.99em) {
  .figures__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1.75rem;
  }
}

/* --- Headlines: plain, one size, no ornament --------------------------------- */
main > .section .display em {
  font-style: normal;
  color: inherit;
}

main > .section .eyebrow--rule::before {
  display: none;
}

main > .section .section-head {
  margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
}

main > .section .section-head .display,
.intro__lead,
.spotlight h2,
.statement__text {
  font-size: var(--home-head);
  line-height: 1.12;
}

.intro__lead,
main > .section .section-head .display {
  max-width: 22em;
}

/* --- How we work: drawings on the page, not in framed panels ---------------- */
.method__art {
  gap: clamp(2rem, 1rem + 3vw, 3.5rem);
}

.method__art figure {
  max-width: 44rem;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}