/* =======================================
   Typografia – otsikot, kappaleet, linkit, eyebrow
   Jo Designs
======================================= */

/* =======================================
   EYEBROW-TYYLIT – Jo Designs
======================================= */

.eyebrow,
.intro-eyebrow,
.web--eyebrow,
.hello-eyebrow,
.section-eyebrow {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: clamp(0.08em, 0.15vw, 0.12em);
  font-size: clamp(0.78rem, 0.5vw + 0.5rem, 0.85rem);
  font-weight: 500;
  display: block;
  margin-bottom: clamp(0.4rem, 0.4vw + 0.3rem, 0.6rem);
  color: #b9955d; /* golden ochre */
}

/* Pehmeämpi violetti versio */
.eyebrow--soft {
  color: #8a7d92;
  letter-spacing: clamp(0.07em, 0.12vw, 0.1em);
  font-size: clamp(0.7rem, 0.4vw + 0.4rem, 0.8rem);
}

/* Lempeä sage brush -sävy */
.web--eyebrow {
  color: #7a8b74; /* lempeä sage brush */
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: clamp(0.08em, 0.15vw, 0.12em);
  font-size: clamp(0.78rem, 0.5vw + 0.5rem, 0.85rem);
  font-weight: 500;
  display: block;
  margin-bottom: clamp(0.4rem, 0.4vw + 0.3rem, 0.6rem);
}

.divider-eyebrow {
  display: block;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #b39b8f;
  margin-bottom: 0.5rem;
  font-weight: 600;
}