/* Footer sponsor sections (Conference / Registration T-shirt). Base look comes from the
   Lanyard Sponsor styles; only the additions live here. Also holds the desktop title size
   for the whole sponsors area (Host City, Lanyard, Conference, T-shirt, Media Partners). */
.lanyard-sponsor.footer-sponsor {
  /* The sections stack, so don't double the vertical space between them. */
  padding-top: 0;
}

.lanyard-sponsor__inner .footer-sponsor__subtitle {
  margin: calc(-1 * clamp(0.5rem, 1vw, 1rem)) 0 0;
  color: #04ddcf;
  font-size: clamp(1rem, 1.4vw, 1.5rem);
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Desktop: section titles about 15% smaller than the site's h2 size (48px -> ~41px at 1440).
   Two-class selectors so they win over the Additional CSS that styles these sections. */
@media (min-width: 1200px) {
  .host-city .host-city__title,
  .lanyard-sponsor .lanyard-sponsor__title,
  .media-partners .media-partners__title {
    font-size: calc(var(--type-h2-size) * .85);
    line-height: 1.1;
  }
}