/* Speaker-bio · recipe canvas-quiet.
   Avatar es código local (charcoal disc + ivory text), no consume recipe.
   Eliminado el gradient patagonia→red del original (no hay gradients en el sistema).
   Eyebrow + handle en --recipe-accent (patagonia con peso). */

section.slide.s-speaker-bio {
  background: var(--recipe-surface);
  color: var(--recipe-ink);
  display: grid; grid-template-columns: 5fr 7fr; gap: 70px;
  align-items: center; padding: 96px 110px 140px 140px;
}

/* Avatar — disc charcoal con iniciales ivory grandes. Local, no recipe. */
.s-speaker-bio .ph {
  aspect-ratio: 1;
  background: var(--chimi-primitives-color-charcoal-90);
  position: relative; border-radius: 4px; overflow: hidden;
}
.s-speaker-bio .ph .dots {
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(242,230,201,0.2) 3px, transparent 3px);
  background-size: 40px 40px;
}
.s-speaker-bio .ph .ini {
  position: absolute; bottom: 36px; left: 36px; right: 36px;
  font-family: var(--font-display); font-size: 160px;
  color: var(--chimi-primitives-color-ivory-base); line-height: 0.85;
}
.s-speaker-bio .ph .tag {
  position: absolute; top: 28px; right: 28px;
  font-family: var(--font-mono); font-size: 18px;
  color: var(--chimi-primitives-color-ivory-base);
  letter-spacing: 0.2em; opacity: 0.7;
}

.s-speaker-bio .info .eb {
  font-family: var(--font-mono); font-size: 22px;
  color: var(--recipe-accent);
  letter-spacing: 0.2em; text-transform: uppercase;
}
.s-speaker-bio .info h2 {
  font-family: var(--font-display); font-size: 120px;
  line-height: 0.9; margin-top: 30px; letter-spacing: -0.01em;
}
.s-speaker-bio .info .bio {
  font-family: var(--font-editorial); font-style: italic;
  font-size: 38px; line-height: 1.3; margin-top: 32px; opacity: 0.85;
}
.s-speaker-bio .info .social {
  margin-top: 44px; display: flex; gap: 26px;
  font-family: var(--font-mono); font-size: 22px;
  letter-spacing: 0.15em; text-transform: uppercase;
}
.s-speaker-bio .info .social .h { color: var(--recipe-accent); }
.s-speaker-bio .info .social .d { opacity: 0.5; }
.s-speaker-bio .info .social .o { opacity: 0.7; }