/* Derived from the current XD desktop speaker section; mobile layout is adapted.
   XD: Anton headings/body; intro Avrile Serif Medium Italic (existing serif fallback). */
.speakers-section{padding-block:60px 100px;color:#323231}
.speakers-section>.eyebrow{margin-bottom:16px;line-height:31px}
.speakers-heading{display:grid;grid-template-columns:minmax(0,665fr) minmax(0,465fr);align-items:end;gap:0}
.speakers-section h2{font-size:100px;line-height:.94}
.speakers-intro{max-width:465px;font:italic 24px/32px var(--serif)}
.speakers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:940px;margin-top:90px}
.speakers-section h3{color:var(--orange);font-size:40px;line-height:38px;margin-bottom:20px}
.speaker img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.speaker-copy{max-width:380px;margin-top:20px;color:var(--orange);font:400 20px/26px var(--heading)}
.speaker-copy p+p{margin-top:26px}
@media(max-width:1000px){
  .speakers-section h2{font-size:clamp(54px,8.8vw,88px)}
  .speakers-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}
  .speakers-intro{font-size:22px;line-height:1.35}
  .speakers-grid{margin-top:64px}
  .speakers-section h3{font-size:34px}
}
@media(max-width:600px){
  .speakers-section{padding-block:48px 64px}
  .speakers-heading,.speakers-grid{grid-template-columns:minmax(0,1fr)}
  .speakers-section h2{font-size:clamp(48px,12vw,72px)}
  .speakers-intro{max-width:100%;font-size:22px}
  .speakers-grid{gap:48px;margin-top:48px}
  .speaker-copy{max-width:100%}
}