/* ══════════════════════════════════════════════════ HEADING TYPE OVERRIDE
   Section headings move off Newsreader (serif) onto the SKIN+ corporate
   grotesque, in the deck blue read off "THE PIONEER OF MEDICAL FACIALS IN
   INDONESIA".

   This lives in its own sheet on purpose. awards.html does NOT link it, so
   the awards page keeps the serif system untouched without a single edit to
   that file. The awards section on the homepage is excluded at the bottom.

   Archivo is the Google Fonts grotesque closest to the deck's Helvetica-Bold
   lock-up: same near-vertical stress, horizontal terminals on C/S, straight
   R leg. Inter is the alternative if you want tighter apertures.

   --head-c is the deck blue as given. Measured over the surfaces v2 actually
   puts headings on:

       #5B9BD5 on --cream #EDF3FA  2.65:1
       #5B9BD5 on card   #FFFFFF   2.96:1
       #5B9BD5 on tint   #DFE9F7   2.42:1

   WCAG AA wants 3:1 for large text, so the deck blue sits just under the
   floor on every one of them. --head-c-aa is the same hue darkened to
   3.62 / 4.04 / 3.30. To ship the accessible variant, point --head-c at it —
   one line, nothing else changes.
*/

:root{
  --head:      "Archivo", "Helvetica Neue", Arial, sans-serif;
  --head-c:    #5B9BD5;   /* deck blue exactly as supplied */
  --head-c-aa: #3E82C4;   /* same hue, clears AA large-text */
}

/* ─────────────────────────────────────────────── section display headings */
.dsp{
  font-family:var(--head);
  font-weight:700;
  /* A bold grotesque carries far more visual mass than Newsreader 400 at the
     same size, so the scale comes down ~12% to hold the original silhouette. */
  font-size:clamp(1.92rem, 4.05vw, 3.24rem);
  line-height:1.07;
  letter-spacing:-.021em;
  color:var(--head-c);
  font-variation-settings:normal;
}

/* On the navy panels the deck blue falls to 1.7:1 and is genuinely unreadable.
   Those headings take the font change and keep white. */
.dsp--inv{ color:var(--on-dark); }

/* ────────────────────────────────────────────── credibility strip numerals */
.cred__n{
  font-family:var(--head);
  font-weight:700;
  color:var(--head-c);
  letter-spacing:-.032em;
}

/* ─────────────────────────────────────────────────── treatment page title */
.tx__name{
  font-family:var(--head);
  font-weight:700;
  font-size:clamp(1.85rem, 3.5vw, 2.7rem);
  line-height:1.06;
  letter-spacing:-.021em;
  color:var(--head-c);
  font-variation-settings:normal;
}

/* ───────────────────────────────────────────────────────────────────────────
   EXCLUDED BY REQUEST — the awards section on the homepage keeps the serif
   exactly as it was. (awards.html is excluded wholesale by not linking this
   sheet at all.) These values restore the base .dsp rule verbatim.
*/
.aw .dsp{
  font-family:var(--dsp);
  font-weight:400;
  font-size:clamp(2.1rem, 4.6vw, 3.7rem);
  line-height:1.12;
  letter-spacing:-.012em;
  color:var(--on-dark);
  font-variation-settings:"opsz" 40;
}