.panellists-banner { display: block; width: 100%; height: clamp(200px, 32vw, 460px); object-fit: cover; object-position: top center; }
.panellists-heading { padding-block: 48px 52px; }
.panellists-heading h1 { margin: 0 0 20px; color: var(--old-purple); font-size: clamp(36px, 5vw, 60px); line-height: 1.15; text-transform: uppercase; }
.panellists-heading p { max-width: 900px; margin: 0; font-size: 20px; }
.panellist { padding-block: 48px; }
.panellist:nth-of-type(odd) { background: var(--old-purple-soft); }
.panellist-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); align-items: center; gap: 56px; }
.panellist-image { display: block; width: 100%; height: auto; border-radius: 12px; }
.panellist-copy h2 { margin: 0 0 20px; color: var(--old-purple); font-size: clamp(27px, 3vw, 38px); line-height: 1.2; }
.panellist-copy p { margin: 0 0 16px; font-size: 18px; }
.panellist-copy p:last-child { margin-bottom: 0; }
.panellist-copy .panellist-role { color: var(--old-purple); font-weight: 600; }
@media (min-width: 861px) {
    .panellist:nth-of-type(even) .panellist-inner { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
    .panellist:nth-of-type(even) .panellist-image { grid-column: 2; grid-row: 1; }
    .panellist:nth-of-type(even) .panellist-copy { grid-column: 1; grid-row: 1; }
}
@media (max-width: 860px) {
    .panellists-heading { padding-block: 32px; }
    .panellist { padding-block: 32px; }
    .panellist-inner { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .panellist-image { max-width: 600px; margin-inline: auto; }
}
