/*
  SOCHORA — Unified Hero Text System
  One shared typography system for all page heroes.
*/

:root {
  --hero-title-size: clamp(2.35rem, 4.2vw, 4.25rem);
  --hero-title-line-height: 0.98;
  --hero-title-weight: 600;
  --hero-title-letter-spacing: -0.035em;

  --hero-kicker-size: 0.72rem;
  --hero-kicker-line-height: 1.2;
  --hero-kicker-weight: 600;
  --hero-kicker-letter-spacing: 0.16em;

  --hero-copy-size: 1rem;
  --hero-copy-line-height: 1.6;
  --hero-copy-weight: 400;

  --hero-max-width: 680px;
}

.hero h1,
.hero-title,
.page-hero h1,
.page-hero-title {
  font-size: var(--hero-title-size);
  line-height: var(--hero-title-line-height);
  font-weight: var(--hero-title-weight);
  letter-spacing: var(--hero-title-letter-spacing);
  margin: 0;
  max-width: var(--hero-max-width);
}

.hero .kicker,
.hero-kicker,
.page-hero .kicker,
.page-hero-kicker {
  font-size: var(--hero-kicker-size);
  line-height: var(--hero-kicker-line-height);
  font-weight: var(--hero-kicker-weight);
  letter-spacing: var(--hero-kicker-letter-spacing);
  margin: 0 0 0.9rem;
  text-transform: uppercase;
}

.hero p,
.hero-copy,
.page-hero p,
.page-hero-copy {
  font-size: var(--hero-copy-size);
  line-height: var(--hero-copy-line-height);
  font-weight: var(--hero-copy-weight);
  max-width: 620px;
}

@media (max-width: 900px) {
  :root {
    --hero-title-size: clamp(2rem, 7vw, 3rem);
    --hero-title-line-height: 1.02;
  }
}

@media (max-width: 600px) {
  :root {
    --hero-title-size: clamp(1.8rem, 9vw, 2.5rem);
    --hero-kicker-size: 0.66rem;
    --hero-copy-size: 0.95rem;
  }
}



/* SOCHORA — canonical hero heading typography: MANROPE */
.hero h1,
.hero-copy h1,
.hero-title,
.page-hero h1,
.page-hero-title,
.sochora-primary-hero-copy h1 {
  font-family: "Manrope", "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(3.45rem, 5.15vw, 5.15rem) !important;
  line-height: 0.96 !important;
  font-weight: 700 !important;
  letter-spacing: -0.055em !important;
  max-width: 760px !important;
  font-style: normal !important;
}

.hero h1 em,
.hero-copy h1 em,
.hero-title em,
.page-hero h1 em,
.page-hero-title em,
.sochora-primary-hero-copy h1 em {
  font-family: "Manrope", "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}