/* Site type, 04/10/2026, Kylie's call.
   Headings: Alegreya at 500, with the accent phrase in its italic in mauve.
   Body, labels, buttons, nav and forms: Alegreya Sans, its matching sans.
   Chosen after a day of options (Archivo, Garamond, Baskerville + Nunito Sans,
   then full-page previews /preview-*). The wordmark is untouched: KYLIE in
   DM Sans, Gillin in Cormorant italic.
   Loaded last on every page so it wins over each page's own rules; the
   !important flags are deliberate for that reason. */

:root{--head:"Alegreya",Georgia,serif;--text:"Alegreya Sans","DM Sans",sans-serif;--accent-light:#895878;--accent-dark:#D9C6E6}

/* Body text everywhere. Alegreya Sans's lowercase is about 9 per cent shorter
   than DM Sans at the same size, so it read too small on phones (Kylie, 4 Oct).
   font-size-adjust scales it so the lowercase matches DM Sans's height; headings
   and the wordmark are left at their set sizes. */
body,body *{font-family:var(--text)!important;font-size-adjust:0.5}
body h1,body h2,body h3,body h1 *,body h2 *,body h3 *,body .wordmark *,body .ft-wordmark *,body svg *,
body .t-room,body .cost-change mark,body .accent,body .q-open em,body .experience-note strong em,body .ws-quote-benefit,body .quote-band em{font-size-adjust:none}

/* Headings */
body h1,body h2,body h3{
  font-family:var(--head)!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}

/* Anything wrapped inside a heading keeps the heading face */
body h1 *,body h2 *,body h3 *{font-family:var(--head)!important}

/* Accent phrase inside a heading: the italic, in mauve */
body h1 em,body h2 em,body h3 em{
  font-family:var(--head)!important;
  font-style:italic!important;
  font-weight:500!important;
  font-size:1em!important;
  letter-spacing:-.01em!important;
  color:var(--accent-light)!important;
}

/* Accent lines and labels that were Cormorant italic outside headings */
body .t-room,body .cost-change mark,body .accent,body .room-outcome h3,body .room-panel h3,
body .q-open em,body .experience-note strong em,body .map-node strong,body .human .bottom em,
body .orbit-to em,body .hero-tasks li,body .ws-quote-benefit,body .ws-title em,
body .quote-band em{
  font-family:var(--head)!important;
  font-style:italic!important;
  font-weight:500!important;
  letter-spacing:-.005em!important;
}

/* Diagram labels drawn in SVG */
body .network-word,body .ml-word{font-family:var(--head)!important;font-style:italic!important;font-weight:500!important;letter-spacing:-.3px!important}
body .network-more{font-family:var(--text)!important;font-weight:700!important;letter-spacing:-.5px!important}
/* The phone headline lockup keeps a sans: the serif is too wide for its connector lines */
body .ml-big{font-family:var(--text)!important;font-size:40px!important;font-weight:700!important;letter-spacing:-2px!important}

/* Dark sections keep the light purple */
body .cta h2 em,body .cta-inner h2 em,body .closing h2 em,body .ws-final h2 em,body .tcard.own .t-room{color:var(--accent-dark)!important}

/* Never touch the logo */
body .wordmark b,body .ft-wordmark b{font-family:"DM Sans",sans-serif!important}
body .wordmark em,body .ft-wordmark em{font-family:"Cormorant Garamond",serif!important;font-style:italic!important;font-weight:300!important}

/* Large text set in the body face (results, prices, stats, dates, pull lines).
   The old DM Sans rules tightened these to -.05em; Alegreya Sans needs far
   less, or the letters crowd. Found in the 04/10/2026 sweep. */
body .t-figure,body .fq,body .price,body .stat-num,body .stat-suffix,body .story-pull,
body .experience-note strong,body .voice-result,body .q-open,body .q-body,body .book-price,
body .ws-date-big,body .ws-then-now b,body .ws-stats p,body .ws-quote-result,body .cost-what{
  letter-spacing:-.01em!important;
}

/* Small capital labels that are coded as h2 stay in the body face, like every
   other label on the site. */
body .ws-details h2,body .routes>h2{font-family:var(--text)!important;font-weight:700!important;letter-spacing:.14em!important}

/* About's pull line read as a heavy block in Alegreya Sans 500 at 20ch wide
   (Kylie, 4 Oct). Set as a pull quote in the serif instead, full width on phones. */
body .story-pull{font-family:var(--head)!important;font-weight:400!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.3!important;letter-spacing:-.005em!important;font-size-adjust:none;max-width:none!important}

/* Home services on phones: the paragraphs were capped at 36ch, which left a
   gap down the right while the panel below ran full width (Kylie, 4 Oct). */
@media (max-width:950px){body .svc>p,body .svc-head>p{max-width:none!important;text-wrap:wrap!important}}
