/* ============================================================
   HERO HEADLINE — EDIT FONT SIZE & BOLDNESS HERE
   File: assets/css/hero-type.css   (main page only)

   SIZE   — clamp(MIN, PREFERRED, MAX)
            MIN       smallest size, used on phones
            PREFERRED scales with screen width (vw = 1% of width)
            MAX       largest size, used on big screens
            To make a word bigger, raise all three numbers.
            For one fixed size everywhere, just write e.g. 64px

   WEIGHT — boldness: 300 light · 400 regular · 500 medium
                      600 semibold · 700 bold

   SPACING — letter spacing; negative = tighter
   ============================================================ */

:root {
  /* "ZERO BLIND" */
  --hw-zero-size:       clamp(34px, 5.4vw, 98px);
  --hw-zero-weight:     900;
  --hw-zero-spacing:    -0.012em;

  /* "SPOTS." */
  --hw-spots-size:      clamp(34px, 5.4vw, 88px);
  --hw-spots-weight:    400;
  --hw-spots-spacing:   -0.012em;

  /* "SENSE." */
  --hw-sense-size:      clamp(26px, 3.3vw, 52px);
  --hw-sense-weight:    800;
  --hw-sense-spacing:   -0.005em;

  /* "ANALYSE." */
  --hw-analyse-size:    clamp(26px, 3.3vw, 52px);
  --hw-analyse-weight:  500;
  --hw-analyse-spacing: -0.005em;

  /* "ANTICIPATE."  (orange) */
  --hw-anticipate-size:    clamp(26px, 3.3vw, 52px);
  --hw-anticipate-weight:  300;
  --hw-anticipate-spacing: -0.005em;
}

/* ---- wiring (no need to edit below) ---- */
.hero .hero__title .hw-zero       { font-size: var(--hw-zero-size);       font-weight: var(--hw-zero-weight);       letter-spacing: var(--hw-zero-spacing); }
.hero .hero__title .hw-spots      { font-size: var(--hw-spots-size);      font-weight: var(--hw-spots-weight);      letter-spacing: var(--hw-spots-spacing); }
.hero .hero__tag .hw-sense        { font-size: var(--hw-sense-size);      font-weight: var(--hw-sense-weight);      letter-spacing: var(--hw-sense-spacing); }
.hero .hero__tag .hw-analyse      { font-size: var(--hw-analyse-size);    font-weight: var(--hw-analyse-weight);    letter-spacing: var(--hw-analyse-spacing); }
.hero .hero__tag .hw-anticipate   { font-size: var(--hw-anticipate-size); font-weight: var(--hw-anticipate-weight); letter-spacing: var(--hw-anticipate-spacing); }