/*
  Site-wide font override.
  The client is trialling a single typeface across the whole site. This keeps
  every existing size, weight, letter-spacing and line-height exactly as
  designed and only swaps the typeface (both the Cormorant Garamond headings
  and the DM Sans body use the font below).

  Current trial font: RALEWAY
  ─────────────────────────────────────────────────────────────────────────────
  TO TRY A DIFFERENT FONT: change the @import URL and the font-family name below.
  TO REVERT to the original Cormorant Garamond + DM Sans typography: delete
  everything in this file (leave it empty). The original design returns instantly
  on every page — no other files need to change.
  ─────────────────────────────────────────────────────────────────────────────
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');

* {
  font-family: 'Raleway', sans-serif !important;
}

/* Raleway runs a touch wider than Cormorant at display sizes, so the large
   hero headline wraps an extra line. Trim it slightly to keep the original
   line breaks. Remove this rule if you revert the font. */
.hero-title {
  /* Sized for laptop screens (≈1440px, e.g. MacBook Air): ~65px.
     Reduced 20% from the previous 5.6vw/92px, which still read too large. */
  font-size: clamp(30px, 4.5vw, 74px) !important;
}

/* "We are Aristofersólio" section heading — Regular reads better than Light here.
   Raleway sets much wider than Cormorant, so trim the size to keep it compact. */
.about-heading {
  font-weight: 400 !important;
  font-size: clamp(26px, 3.1vw, 42px) !important;
}

/* Eyebrows / small tracked labels — heavier so they read better at Raleway's
   light default. Covers every small-caps label of this role site-wide so they
   all share one weight (section eyebrows, pillar/step/role tags, footer heads). */
.hero-eyebrow,
.s-label span,
.partners-label,
.eyebrow,
.pillar-tag,
.step-phase,
.member-role,
.ety-part,
.detail-block h3,
.footer-col h4,
.footer-news h4 {
  font-weight: 500 !important;
}

/* ── CLIENT COLOUR TRIAL ──────────────────────────────────────────────
   Accent from the brand palette's blue family (was #1440D0).
   The palette's primary #C3E1F1 is far too light to be legible on the
   light background (~1.1:1), so this is a deeper tone of the same hue:
   on-brand but readable (~4:1). Delete this block to restore #1440D0. */
:root { --accent: #63BEE5 !important; }

/* The pages also hardcode a lighter blue for accents that sit on DARK
   backgrounds (dark hero, process steps, team roles, belief quote).
   Force those to the same brand blue so the whole site is consistent
   for review. The hero's particle animation colours are NOT touched. */
.hero-eyebrow,
.hero-title em,
.step-phase,
.member-role,
.belief-quote em {
  color: #63BEE5 !important;
}
.step-num { color: rgba(99, 190, 229, 0.5) !important; }
.hero .btn-primary:hover { background: #63BEE5 !important; }