/* Big-concept · 6 variants, cada uno con su recipe propia.
   El CSS solo consume --recipe-*; los colores los resuelve el data-recipe.
   Variants:
     default     · energy-loud  (lemon surface, charcoal ink, em red)
     divider     · cool-fresh   (patagonia surface, charcoal ink, em ivory)
     prompt      · paper-warm   (ivory surface, charcoal ink, em red)
     transition  · canvas-quiet (charcoal surface, ivory ink, em lemon, italic editorial)
     disclaimer  · critical     (plasma surface, ivory ink, em charcoal, plasma-alert spec)
*/

section.slide.s-big-concept {
  background: var(--recipe-surface);
  color: var(--recipe-ink);
  display: flex; flex-direction: column; justify-content: center;
  padding: 96px 160px 140px 200px;
}
.s-big-concept h1,
.s-big-concept h2 {
  font-family: var(--font-display);
  font-size: 120px; line-height: 0.95; letter-spacing: -0.015em;
  margin: 0;
}
.s-big-concept h1 em,
.s-big-concept h2 em {
  font-family: var(--font-editorial); font-style: italic; font-weight: 600;
  /* Keep em slightly bigger than body but share the h1's line-box so
     inter-line spacing stays even across all lines. */
  font-size: 1.15em; line-height: inherit;
  color: var(--recipe-em);
}
.s-big-concept .sub,
.s-big-concept .line,
.s-big-concept .note {
  margin-top: 36px;
  font-family: var(--font-editorial); font-style: italic;
  font-size: 56px; line-height: 1.25; max-width: 28ch;
}
.s-big-concept .sub em,
.s-big-concept .line em,
.s-big-concept .note em {
  color: var(--recipe-em);
  font-weight: 600; font-style: italic;
}

/* Transition · excepción tipográfica · italic editorial grande centrada.
   La paleta sigue viniendo de data-recipe (canvas-quiet) — solo cambia layout. */
section.slide.s-big-concept.transition {
  align-items: center; text-align: center;
  padding-left: 200px; padding-right: 200px;
}
.s-big-concept.transition h1,
.s-big-concept.transition h2 {
  font-family: var(--font-editorial); font-style: italic; font-weight: 400;
  font-size: 180px; line-height: 1; letter-spacing: -0.02em;
}
.s-big-concept.transition h1 em,
.s-big-concept.transition h2 em { font-size: 1.2em; }