html.menu-open { overflow: hidden; }

/* Use a charcoal foundation in place of the template's harsher near-black. */
:root {
  --foreground: #121212;
}

/* Keep the dark mode almost-black, but remove the harsh pure-black feeling. */
.dark {
  --background: #121212;
  --foreground: #fafafa;
}

.header-polaris-icon {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

.hamburger-lines.jsx-63096cd21c80487 { width: 100%; height: 100%; display: block; position: relative; }
.hamburger-line.jsx-63096cd21c80487 { background-color: currentColor; border-radius: 9999px; width: 100%; height: 2px; transition: all .625s cubic-bezier(.4,0,.2,1); display: block; position: absolute; }
.hamburger-line-1.jsx-63096cd21c80487 { transform-origin: 50%; top: 0; }
.hamburger-line-1.menu-open.jsx-63096cd21c80487 { animation: .625s cubic-bezier(.4,0,.2,1) forwards hamburger-line-1-open; top: 50%; transform: translateY(-50%) scaleX(.7) translate(-20%); }
.hamburger-line-2.jsx-63096cd21c80487 { transform-origin: 50%; top: 50%; transform: translateY(-50%); }
.hamburger-line-2.menu-open.jsx-63096cd21c80487 { animation: .625s cubic-bezier(.4,0,.2,1) forwards hamburger-line-2-open; }
.hamburger-line-3.jsx-63096cd21c80487 { transform-origin: 50%; bottom: 0; }
.hamburger-line-3.menu-open.jsx-63096cd21c80487 { animation: .625s cubic-bezier(.4,0,.2,1) forwards hamburger-line-3-open; bottom: 50%; transform: translateY(50%) scaleX(.7) translate(-20%); }
@keyframes hamburger-line-1-open { 0% { transform: translateY(-50%) scaleX(.7) translate(-20%); } 50% { transform: translateY(-50%) scaleX(.4) translate(-40%); } to { transform: translateY(-50%) scaleX(1) translate(0) rotate(-45deg); } }
@keyframes hamburger-line-2-open { 0% { opacity: 1; transform: translateY(-50%) scaleX(1); } 50% { opacity: 0; transform: translateY(-50%) scaleX(.4); } to { opacity: 0; transform: translateY(-50%) scaleX(0); } }
@keyframes hamburger-line-3-open { 0% { transform: translateY(50%) scaleX(.7) translate(-20%); } 50% { transform: translateY(50%) scaleX(.4) translate(-40%); } to { transform: translateY(50%) scaleX(1) translate(0) rotate(45deg); } }

.header-menu-toggle {
  transition: color 180ms ease;
}

@media (min-width: 768px) {
  html.desktop-past-hero:not(.dark):not(.menu-open) .header-menu-toggle {
    color: #121212;
  }

  html.desktop-past-hero:not(.dark) .header-registration-cta {
    border-color: #121212;
    background: #121212;
    color: #fff;
  }
}

.navbar-initial.jsx-63096cd21c80487 { clip-path: polygon(0 0%,0 0%,20% 0%,20% 0%,20% 0%,20% 0%,40% 0%,40% 0%,40% 0%,40% 0%,60% 0%,60% 0%,60% 0%,60% 0%,80% 0%,80% 0%,80% 0%,80% 0%,100% 0%,100% 0%); }
@property --column-one { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --column-two { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --column-three { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --column-four { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --column-five { syntax: "<number>"; inherits: true; initial-value: 0; }
@keyframes column-one-open { 0% { --column-one: 0; } to { --column-one: 100; } }
@keyframes column-two-open { 0% { --column-two: 0; } to { --column-two: 100; } }
@keyframes column-three-open { 0% { --column-three: 0; } to { --column-three: 100; } }
@keyframes column-four-open { 0% { --column-four: 0; } to { --column-four: 100; } }
@keyframes column-five-open { 0% { --column-five: 0; } to { --column-five: 100; } }
@keyframes column-one-close { 0% { --column-one: 100; } to { --column-one: 0; } }
@keyframes column-two-close { 0% { --column-two: 100; } to { --column-two: 0; } }
@keyframes column-three-close { 0% { --column-three: 100; } to { --column-three: 0; } }
@keyframes column-four-close { 0% { --column-four: 100; } to { --column-four: 0; } }
@keyframes column-five-close { 0% { --column-five: 100; } to { --column-five: 0; } }
.navbar-columns-open.jsx-63096cd21c80487, .navbar-columns-close.jsx-63096cd21c80487 { clip-path: polygon(0 0%,0 calc(var(--column-one)*1%),20% calc(var(--column-one)*1%),20% 0%,20% 0%,20% calc(var(--column-two)*1%),40% calc(var(--column-two)*1%),40% 0%,40% 0%,40% calc(var(--column-three)*1%),60% calc(var(--column-three)*1%),60% 0%,60% 0%,60% calc(var(--column-four)*1%),80% calc(var(--column-four)*1%),80% 0%,80% 0%,80% calc(var(--column-five)*1%),100% calc(var(--column-five)*1%),100% 0%); --speed: .625; animation-fill-mode: both; animation-timing-function: linear(0 0%, .0027 3.64%, .0106 7.29%, .0425 14.58%, .0957 21.87%, .1701 29.16%, .2477 35.19%, .3401 41.23%, .5982 55.18%, .7044 61.56%, .7987 68.28%, .875 75%, .9297 81.25%, .9687 87.5%, .9922 93.75%, 1 100%); }
.navbar-columns-open.jsx-63096cd21c80487 { animation-name: column-one-open, column-two-open, column-three-open, column-four-open, column-five-open; animation-duration: calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s); animation-delay: calc(sin((4/5)*45deg)*var(--speed)*1s), calc(sin((3/5)*45deg)*var(--speed)*1s), calc(sin((2/5)*45deg)*var(--speed)*1s), calc(sin((1/5)*45deg)*var(--speed)*1s), calc(sin((0/5)*45deg)*var(--speed)*1s); }
.navbar-columns-close.jsx-63096cd21c80487 { animation-name: column-one-close, column-two-close, column-three-close, column-four-close, column-five-close; animation-duration: calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s), calc(var(--speed)*1s); animation-delay: calc(sin((0/5)*45deg)*var(--speed)*1s), calc(sin((1/5)*45deg)*var(--speed)*1s), calc(sin((2/5)*45deg)*var(--speed)*1s), calc(sin((3/5)*45deg)*var(--speed)*1s), calc(sin((4/5)*45deg)*var(--speed)*1s); }

[data-slot="carousel-content"] > div { will-change: transform; }

/* A real, two-icon theme switch: the thumb tracks the active theme rather than hiding an ambiguous glyph. */
.theme-toggle {
  --theme-toggle-thumb: 1.75rem;
  --theme-toggle-shift: 2.5rem;
  display: inline-grid;
  flex: 0 0 auto;
  width: 4.875rem !important;
  min-width: 4.875rem;
  max-width: none;
  height: 2.375rem;
  padding: 0.25rem;
  border: 1px solid #64748b;
  border-radius: 999px;
  background: #e8edf3;
  box-shadow: 0 0.0625rem 0.1875rem rgb(15 23 42 / 0.24), inset 0 0.0625rem 0 rgb(255 255 255 / 0.9);
  color: #1e293b;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.theme-toggle:hover {
  border-color: #334155;
  background: #f8fafc;
}

.theme-toggle:active {
  transform: scale(0.97);
}

.theme-toggle:focus-visible {
  outline: 3px solid #0ea5e9;
  outline-offset: 0.25rem;
}

.theme-toggle-track {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.theme-toggle-thumb {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: var(--theme-toggle-thumb);
  height: var(--theme-toggle-thumb);
  border-radius: 999px;
  background: #facc15;
  box-shadow: 0 0.125rem 0.5rem rgb(15 23 42 / 0.34), inset 0 0.0625rem 0 rgb(255 255 255 / 0.55);
  transform: translate3d(0, -50%, 0);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), background-color 180ms ease;
}

.theme-toggle-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transform: translateY(-50%);
  transition: opacity 180ms ease, color 180ms ease, transform 180ms ease;
}

.theme-toggle-sun {
  left: 0.375rem;
  color: #713f12;
  opacity: 1;
}

.theme-toggle-moon {
  right: 0.375rem;
  color: #334155;
  opacity: 0.78;
}

.dark .theme-toggle {
  border-color: #64748b;
  background: #182233;
  box-shadow: 0 0.0625rem 0.1875rem rgb(0 0 0 / 0.42), inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
  color: #e2e8f0;
}

.dark .theme-toggle:hover {
  border-color: #cbd5e1;
  background: #26354b;
}

.dark .theme-toggle:focus-visible {
  outline-color: #bae6fd;
}

.dark .theme-toggle-thumb {
  background: #a5b4fc;
  transform: translate3d(var(--theme-toggle-shift), -50%, 0);
}

.dark .theme-toggle-sun {
  color: #facc15;
  opacity: 0.72;
  transform: translateY(-50%) scale(0.9);
}

.dark .theme-toggle-moon {
  color: #172554;
  opacity: 1;
  transform: translateY(-50%) scale(1.08);
}

@media (max-width: 767px) {
  .theme-toggle {
    --theme-toggle-thumb: 1.5rem;
    --theme-toggle-shift: 2.1rem;
    width: 4.25rem !important;
    min-width: 4.25rem;
  }
}

.webinar-countdown {
  min-width: 8.5rem;
  padding-inline: 0.75rem !important;
  font-variant-numeric: tabular-nums;
}

.webinar-countdown-value {
  display: inline-block;
  white-space: nowrap;
}

/* Keep registration inside the site while preserving a direct Zoom fallback. */
.webinar-registration-dialog {
  width: min(60rem, calc(100vw - 2rem));
  height: min(48rem, calc(100dvh - 2rem));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--foreground) 16%, transparent);
  border-radius: 1rem;
  background: var(--background);
  color: var(--foreground);
  box-shadow: 0 1.75rem 5rem rgb(0 0 0 / 0.42);
}

.webinar-registration-dialog::backdrop {
  background: rgb(0 0 0 / 0.68);
  backdrop-filter: blur(0.35rem);
  -webkit-backdrop-filter: blur(0.35rem);
}

.webinar-registration-modal {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
}

.webinar-registration-modal-header,
.webinar-registration-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-color: color-mix(in srgb, var(--foreground) 14%, transparent);
}

.webinar-registration-modal-header {
  border-bottom: 1px solid;
}

.webinar-registration-modal-footer {
  flex-wrap: wrap;
  border-top: 1px solid;
  font-size: 0.875rem;
}

.webinar-registration-modal-kicker {
  margin: 0 0 0.2rem;
  color: #38cbb3;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.webinar-registration-modal-title {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.2;
}

.webinar-registration-close {
  display: inline-grid;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--foreground) 18%, transparent);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color 160ms ease, transform 160ms ease;
}

.webinar-registration-close:hover {
  background: color-mix(in srgb, var(--foreground) 8%, transparent);
  transform: scale(1.04);
}

.webinar-registration-close:focus-visible,
.webinar-registration-fallback:focus-visible {
  outline: 3px solid #38cbb3;
  outline-offset: 0.2rem;
}

.webinar-registration-frame-wrap {
  min-height: 0;
  background: #fff;
}

.webinar-registration-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.webinar-registration-modal-footer p {
  margin: 0;
  opacity: 0.72;
}

.webinar-registration-fallback {
  color: inherit;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

@media (max-width: 639px) {
  .webinar-supporting-photo {
    display: none;
  }

  .hero-offer-message + .hero-session-list {
    margin-top: 2.25rem;
  }

  .hero-session-list {
    min-height: 23rem;
    align-content: space-between;
    gap: 0;
    padding-bottom: 0.75rem;
  }

  main > .section-padding.pt-0\! {
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  main > .section-padding.pt-0\! > #series {
    margin-block: 0.5rem;
    margin-inline: 0;
  }

  .webinar-registration-dialog {
    width: calc(100vw - 1rem);
    height: calc(100dvh - 1rem);
    border-radius: 0.75rem;
  }

  .webinar-registration-modal-header,
  .webinar-registration-modal-footer {
    padding: 0.875rem 1rem;
  }

  .webinar-registration-modal-footer {
    justify-content: center;
    text-align: center;
  }
}

.hero-client-logo-card {
  display: inline-flex;
  max-width: 78%;
  padding: 0.5rem 0.65rem;
  border: 1px solid rgb(255 255 255 / 0.65);
  border-radius: 0.5rem;
  background: rgb(255 255 255 / 0.72);
  box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 0.14);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

.hero-client-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 4.25rem;
  object-fit: contain;
}

/* Keep the original 214 × 79px frosted Polaris card while giving its trimmed mark more usable room. */
.hero-client-logo-card--polaris {
  box-sizing: border-box;
  width: 13.375rem;
  height: 4.9375rem;
  padding-inline: 0.3rem;
  align-items: center;
  justify-content: center;
}

.hero-client-logo-card--polaris .hero-client-logo {
  max-height: 100%;
}

/* The webinar title needs room to breathe without dominating the entire first screen. */
.hero-webinar-title {
  max-width: 19ch;
  margin: 2rem auto 0 !important;
  font-size: clamp(2.125rem, 5.5vw, 4.75rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.hero-event-kicker {
  margin: 2.5rem 0 0;
  color: #38cbb3;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.045em;
  line-height: 1.2;
}

.hero-event-kicker + .hero-registration-button {
  margin-top: 0.875rem;
}

.hero-registration-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.4rem;
  margin-top: 2.75rem;
  padding: 0.875rem 1.6rem;
  border: 1px solid rgb(255 255 255 / 0.3);
  border-radius: 0.5rem;
  background: var(--background);
  color: var(--foreground);
  box-shadow: 0 0.875rem 1.875rem rgb(255 255 255 / 0.12);
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.015em;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.hero-registration-button:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 1.125rem 2.25rem rgb(255 255 255 / 0.18);
}

.hero-registration-button:focus-visible {
  outline: 3px solid rgb(255 255 255 / 0.7);
  outline-offset: 0.25rem;
}

.hero-offer-message {
  max-width: 34rem;
  margin: 0.95rem auto 0;
  color: #38cbb3;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.35;
}

.hero-offer-message + .hero-session-list {
  margin-top: 1.5rem;
}

.hero-session-list {
  display: grid;
  width: min(100%, 42rem);
  margin-top: 2.25rem;
  gap: 0.625rem;
  text-align: left;
}

.hero-session-item {
  padding: 0.75rem 0.875rem;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 0.5rem;
  background: color-mix(in srgb, currentColor 7%, transparent);
  backdrop-filter: blur(0.75rem);
  -webkit-backdrop-filter: blur(0.75rem);
}

.hero-session-item--up-next {
  border-color: #38cbb3;
  background: color-mix(in srgb, #38cbb3 11%, transparent);
  box-shadow: 0 0 0 1px rgb(56 203 179 / 0.12) inset, 0 0 1.25rem rgb(56 203 179 / 0.32), 0 0 2.75rem rgb(56 203 179 / 0.18);
}

.hero-session-title {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.2;
}

.hero-session-description {
  margin: 0;
  opacity: 0.76;
  font-size: 0.8125rem;
  line-height: 1.35;
}

.event-card-dollar-icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

/* On phones, keep all four partner treatments visible rather than hiding them behind a horizontal carousel. */
@media (max-width: 767px) {
  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-content"] {
    overflow: visible;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-content"] > div {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-left: 0 !important;
    transform: translate3d(0, 0, 0) !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] {
    display: block;
    min-width: 0;
    width: auto;
    flex: none !important;
    padding-left: 0 !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a,
  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a > div {
    width: 100% !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a > div {
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  [aria-roledescription="carousel"].cursor-grab .hero-client-logo-card {
    max-width: 88%;
    padding: 0.3rem 0.4rem;
  }

  [aria-roledescription="carousel"].cursor-grab .hero-client-logo-card--polaris {
    width: auto;
    height: auto;
  }

  [aria-roledescription="carousel"].cursor-grab .hero-client-logo {
    max-height: 2.35rem;
  }
}

@media (min-width: 768px) {
  .hero-webinar-title {
    font-size: clamp(3.25rem, 5.5vw, 4.75rem);
  }

  .hero-event-kicker {
    margin-top: 3.25rem;
    font-size: 0.9375rem;
  }

  .hero-event-kicker + .hero-registration-button {
    margin-top: 1rem;
  }

  .hero-registration-button {
    min-height: 3.75rem;
    margin-top: 3.5rem;
    padding: 1rem 2rem;
    font-size: 1.125rem;
  }

  .hero-offer-message {
    max-width: 40rem;
    margin-top: 1.15rem;
    font-size: 0.9375rem;
  }

  .hero-offer-message + .hero-session-list {
    margin-top: 2rem;
  }

  .hero-session-list {
    width: min(100%, 62rem);
    margin-top: 2.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .hero-session-item {
    min-height: 6.5rem;
    padding: 0.875rem 1rem;
  }
}

/* Keep every lead project visible and identically sized instead of allowing the fixed-width cards to clip. */
@media (min-width: 768px) {
  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-content"] {
    width: 100%;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-content"] > div {
    gap: 1.5rem;
    margin-left: 0 !important;
    transform: translate3d(0, 0, 0) !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] {
    flex: 0 0 calc((100% - 4.5rem) / 4) !important;
    padding-left: 0 !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a,
  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a > div {
    width: 100% !important;
  }

  [aria-roledescription="carousel"].cursor-grab [data-slot="carousel-item"] > a > div {
    aspect-ratio: 397 / 292;
    height: auto !important;
  }
}

/* Show the four partner marks as one clear, static row instead of a fading marquee. */
.partner-logo-static-section {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  padding-bottom: 0 !important;
}

.partner-logo-static-row {
  display: grid;
  width: min(100%, 76rem);
  margin-inline: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 1.25rem;
  align-items: center;
  padding-block: 0.5rem;
}

@media (max-width: 639px) {
  .partner-logo-static-section {
    padding-bottom: 1.25rem !important;
  }

  .partner-logo-static-row {
    padding: 0.75rem 1.25rem 1.5rem;
  }
}

.partner-logo-static-item {
  display: flex;
  min-width: 0;
  min-height: 4.5rem;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  text-decoration: none;
}

.partner-logo-static-image {
  display: block;
  width: 100%;
  max-width: 12.5rem;
  height: auto;
  max-height: 4.75rem;
  object-fit: contain;
  opacity: 1;
}

.partner-logo-static-item:focus-visible {
  outline: 3px solid #38cbb3;
  outline-offset: 0.25rem;
}

@media (min-width: 768px) {
  .partner-logo-static-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1.5rem, 5vw, 5rem);
    padding-block: 1rem;
  }
}

/* In dark mode, give the full partner row one bright, continuous surface. */
.dark .partner-logo-static-section {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem !important;
}

.dark .partner-logo-static-row {
  width: min(100%, 84rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 3vw, 3rem);
  padding: 0.25rem clamp(1rem, 3vw, 2.5rem) !important;
  background: #fff;
}

.dark .partner-logo-static-item {
  min-height: clamp(3.5rem, 7vw, 5rem);
}

.dark .partner-logo-static-image {
  max-width: 100%;
  max-height: 4.5rem;
}

@media (max-width: 639px) {
  .dark .partner-logo-static-section {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem !important;
  }

  .dark .partner-logo-static-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.25rem 0.75rem !important;
  }

  .dark .partner-logo-static-item {
    min-height: 2.75rem;
  }

  .dark .partner-logo-static-image {
    max-height: 2.5rem;
  }
}

/* Compose the supplied panelist portraits as an unbranded live webinar call. */
.webinar-call-graphic {
  display: grid;
  width: 100%;
  aspect-ratio: 924 / 664;
  grid-template-rows: auto minmax(0, 1fr) auto;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgb(148 163 184 / 0.42);
  border-radius: 0.65rem;
  background: #0d202a;
  box-shadow: 0 0.9rem 2.25rem rgb(15 23 42 / 0.18);
}

.webinar-call-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  padding: 0.45rem 0.7rem;
  background: #183541;
}

.webinar-call-window-dots,
.webinar-call-status,
.webinar-call-controls {
  display: flex;
  align-items: center;
}

.webinar-call-window-dots {
  gap: 0.35rem;
}

.webinar-call-window-dots span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #93a4ad;
}

.webinar-call-window-dots span:first-child { background: #f87171; }
.webinar-call-window-dots span:nth-child(2) { background: #fbbf24; }
.webinar-call-window-dots span:last-child { background: #4ade80; }

.webinar-call-title {
  color: rgb(226 232 240 / 0.94);
  font-size: 0.675rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.webinar-call-status {
  gap: 0.18rem;
}

.webinar-call-status span {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 999px;
  background: rgb(226 232 240 / 0.82);
}

.webinar-call-grid {
  display: grid;
  min-height: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem;
  padding: 0.2rem;
  background: #0d202a;
}

.webinar-call-tile {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #fff;
}

.webinar-call-tile::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: none;
}

.webinar-call-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.webinar-call-controls {
  min-height: 2.9rem;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: #183541;
}

.webinar-call-control {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border-radius: 999px;
  background: #365260;
}

.webinar-call-control svg {
  width: 0.9rem;
  height: 0.9rem;
  fill: none;
  stroke: rgb(248 250 252 / 0.96);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.webinar-call-control--captions svg {
  stroke-width: 1.7;
}

.webinar-call-control--end {
  background: #e65d5d;
}

.webinar-call-control--end svg {
  width: 0.95rem;
  height: 0.95rem;
  stroke-width: 2.15;
}

@media (max-width: 639px) {
  .webinar-call-graphic {
    aspect-ratio: 1 / 1.12;
  }

  .webinar-call-grid {
    gap: 0.25rem;
    padding: 0.25rem;
  }

  .webinar-call-topbar {
    min-height: 1.75rem;
    padding-inline: 0.5rem;
  }

  .webinar-call-title {
    font-size: 0.58rem;
  }

  .webinar-call-controls {
    min-height: 2.5rem;
    gap: 0.35rem;
    padding: 0.4rem;
  }

  .webinar-call-control {
    width: 1.4rem;
    height: 1.4rem;
  }
}