/* LeadG2 Host Bios (2026) — scoped to .lg2-hb */
.lg2-hb { padding: 84px 44px; font-family: 'Mulish', system-ui, -apple-system, sans-serif; }
.lg2-hb * { box-sizing: border-box; }
.lg2-hb__wrap { max-width: 1000px; margin: 0 auto; }
.lg2-hb__head { text-align: center; margin-bottom: 44px; }
.lg2-hb__eyebrow { display: inline-block; font-weight: 800; font-size: 13px; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 12px; }
.lg2-hb__heading { margin: 0; font-weight: 800; font-size: clamp(26px, 3vw, 40px); line-height: 1.05; letter-spacing: -1.2px; }
.lg2-hb__grid { display: grid; grid-template-columns: repeat(var(--cols, 2), 1fr); gap: 22px; }
.lg2-hb__card { display: flex; gap: 22px; padding: 26px; border-radius: 20px; border: 1px solid #E2E4E0; }
.lg2-hb__photo { flex: 0 0 auto; width: 108px; height: 108px; border-radius: 16px; overflow: hidden; border: 1px solid #E2E4E0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #F2913F, #E17226); }
.lg2-hb__photo img { width: 100%; height: 100%; object-fit: cover; }
.lg2-hb__photo-ph { font-weight: 900; font-size: 36px; color: #fff; }
.lg2-hb__name { font-weight: 800; font-size: 19px; letter-spacing: -0.3px; }
.lg2-hb__role { font-weight: 700; font-size: 13px; margin: 3px 0 12px; }
.lg2-hb__bio { margin: 0; font-family: 'Lora', Georgia, serif; font-size: 14.5px; line-height: 1.55; color: #50606D; }

@keyframes lg2-hb-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .lg2-hb--anim .lg2-hb__rise { animation: lg2-hb-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 42%; }
  }
}

@media (max-width: 760px) {
  .lg2-hb { padding: 60px 24px; }
  .lg2-hb__grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .lg2-hb__card { flex-direction: column; }
}