/* ==========================================================================
   ÉPHÉMÈRE TYPOGRAPHY SYSTEM
   Haute Editorial: Cormorant Garamond + Italiana + Plus Jakarta + Geist Mono
   ========================================================================== */

/* --------------------------------------------------------------------------
   Display & Headlines
   -------------------------------------------------------------------------- */
.font-display {
  font-family: var(--font-display);
}

.text-hero-editorial {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

.text-hero-editorial em {
  font-style: italic;
  font-weight: 400;
  color: var(--accent-botanical);
  padding-right: 0.08em;
}

.text-section-display {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.25rem, 4.5vw, 4rem);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--text-primary);
}

.text-section-display em {
  font-style: italic;
  color: var(--accent-botanical);
}

.text-editorial-sub {
  font-family: var(--font-subdisplay);
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}

.text-taxonomy {
  font-family: var(--font-mono);
  font-size: 0.725rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-pollen);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.text-taxonomy-muted {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}

.text-lead-editorial {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  line-height: 1.65;
  color: var(--text-secondary);
  max-width: 58ch;
  font-weight: 300;
}

.text-body-editorial {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);
  max-width: 62ch;
}

/* --------------------------------------------------------------------------
   Editorial Magazine Drop Cap & Pull Quote
   -------------------------------------------------------------------------- */
.drop-cap::first-letter {
  font-family: var(--font-display);
  font-size: 4.5rem;
  float: left;
  line-height: 0.8;
  margin-right: 0.85rem;
  margin-top: 0.25rem;
  color: var(--accent-botanical);
  font-style: italic;
}

.botanical-quote {
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  line-height: 1.25;
  color: var(--text-primary);
  position: relative;
  padding-left: 2rem;
  border-left: 1px solid var(--accent-botanical);
  margin-block: 2rem;
}