/* ============================================================================
   HOME SECTION HEADINGS — the display h2 that sits under each numbered
   .sec-index on the homepage (№ 02 Selected work · № 03 What we do ·
   № 04 The notebooks run the studio · № 05 In their words).

   One register below the closing's finale h2, matching the services page's
   section heads (.how h2). Ink on paper, one italic <em> per line carrying
   the section's accent. Styles the new .sec-h headings only — everything
   else on the page is untouched.
   ========================================================================== */

.sec-h{
  font-family:var(--ff-display);
  font-optical-sizing:auto;
  font-weight:400;
  font-variation-settings:var(--fx-d);
  font-size:clamp(2rem,4.5vw,3.4rem);
  letter-spacing:-0.025em;
  line-height:1.03;
  color:var(--ink);
  text-wrap:balance;
  max-width:24ch;
  margin:0 0 clamp(22px,3.5vh,36px);
}
.sec-h em{font-style:italic;font-variation-settings:var(--fx-i);}

/* the crafts strip is full-bleed; its heading rides the same shell as its
   .sec-index so the left edges line up with the rest of the page */
.cstrip .sec-h{
  max-width:var(--shell);
  margin:0 auto clamp(26px,4vh,40px);
  padding:0 var(--gutter);
}

/* each <em> takes its section's accent — the crafts' gold is set in ink
   register (raw --gold is too faint for type on paper; #7E5B18 is the same
   gold as the strip's own Print spine, ≥4.5:1 on cream) */
.feature .sec-h em{color:var(--aubergine);}
.cstrip .sec-h em{color:#7E5B18;}
.jpeek .sec-h em{color:var(--aubergine);}
.testimonials .sec-h em{color:var(--plum);}

/* № 05 sits in the centered .quote shell; its index row is a left-set flex
   row, so the heading holds the same left edge rather than centering */
.testimonials .sec-h{text-align:left;}