.webinar-banner { background: #F9CC00; color: var(--color-rich-purple); }
.webinar-banner[hidden] { display: none; }
.webinar-banner-inner { position: relative; display: flex; align-items: center; gap: 24px; padding-top: 22px; padding-bottom: 22px; }
.webinar-banner-portraits { display: flex; flex: 0 0 auto; padding-left: 0; }
.webinar-banner-portraits img { display: block; width: 72px; height: 72px; border-radius: 50%; border: 3px solid #F9CC00; object-fit: cover; object-position: center 25%; }
.webinar-banner-portraits img + img { margin-left: -18px; }
.webinar-banner-copy { flex: 1; }
.webinar-banner-label { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.webinar-banner p { margin: 4px 0 0; font-size: 14px; line-height: 1.5; }
.webinar-banner strong { display: block; font-size: clamp(20px, 2vw, 25px); line-height: 1.2; font-weight: 500; }
.webinar-banner-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 20px; border-radius: 30px; background: var(--color-rich-purple); color: var(--color-white); font-size: 15px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.webinar-banner-link:hover { background: var(--color-purple-700); color: var(--color-white); }
.webinar-banner-dismiss { flex: 0 0 32px; width: 32px; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: 26px; cursor: pointer; }
.webinar-banner-dismiss[hidden] { display: none; }
.webinar-banner a:focus-visible, .webinar-banner button:focus-visible { outline: 2px solid var(--color-rich-purple); outline-offset: 4px; }
@media (max-width: 1000px) {
  .webinar-banner-inner { gap: 16px; }
  .webinar-banner-portraits img { width: 56px; height: 56px; }
}
@media (max-width: 767px) {
  .webinar-banner-inner { flex-wrap: wrap; gap: 12px; padding-top: 16px; padding-bottom: 20px; }
  .webinar-banner-portraits { flex-basis: 100%; }
  .webinar-banner-copy { flex-basis: 100%; }
  .webinar-banner strong { max-width: 320px; font-size: 23px; }
  .webinar-banner-dismiss { position: absolute; top: 8px; right: 16px; width: 44px; }
}