/* Agenda bookends presentation only.
   Keep opening and closing markup in agenda-cover.js and breakpoint values here. */

/* Consolidated cover foundations.
   Shared person-card primitives remain in agenda-design.css. */

/* Cover */
#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{
  --cover-surface: var(--agenda-brand);
  --cover-strong: var(--agenda-strong);
  --cover-vivid: var(--agenda-pale);
  --cover-pale: color-mix(in srgb, var(--agenda-pale) 78%, white);
  height: 66.133cqw;
  min-height: 0;
  isolation: isolate;
  background: var(--cover-surface);
  color: var(--agenda-on-surface);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-content-frame{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  width: min(100%, 1440px);
  height: 100%;
  overflow: visible;
  container-type: inline-size;
  transform: translateX(-50%);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid{
  position: absolute;
  z-index: -2;
  top: -8cqw;
  left: -3.067cqw;
  width: 126.2cqw;
  height: 66.267cqw;
  background: url("./assets/design-cover-background.svg") 0 0 / 100% 100% no-repeat;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before{
  position: absolute;
  z-index: -3;
  top: -42.6cqw;
  left: 31.733cqw;
  width: 72.977cqw;
  height: 103.555cqw;
  content: "";
  background: var(--agenda-strong);
  -webkit-mask: url("./assets/design-cover-blob.svg") 0 0 / 100% 100% no-repeat;
  mask: url("./assets/design-cover-blob.svg") 0 0 / 100% 100% no-repeat;
  mix-blend-mode: soft-light;
  opacity: .72;
  transform: rotate(180deg) scaleY(-1);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after{
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1cqw;
  left: 0;
  height: 14.867cqw;
  content: "";
  background: url("./assets/design-cover-wave.svg") 0 0 / 100% 100% no-repeat;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{
  position: absolute;
  z-index: 3;
  top: 4.933cqw;
  left: 4.8cqw;
  width: 41.6cqw;
  height: 26.4cqw;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
  position: absolute;
  top: 0;
  left: 10.933cqw;
  display: block;
  width: 22.6cqw;
  height: 4.8cqw;
  margin: 0;
  filter: brightness(0);
}

body[data-agenda-branch="cfo"] #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo,
body[data-agenda-branch="legal"] #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
  filter: brightness(0) invert(1);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1{
  position: absolute;
  top: 8.4cqw;
  left: 0;
  width: 41.6cqw;
  margin: 0;
  color: var(--agenda-on-surface);
  font-size: 6.984cqw;
  font-weight: 300;
  line-height: 7.333cqw;
  letter-spacing: -.131cqw;
  text-transform: uppercase;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 strong,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 span{
  display: block;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 strong{
  font-weight: 700;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{
  position: absolute;
  z-index: 4;
  top: 9.467cqw;
  right: 6.601cqw;
  width: 44cqw;
  height: 12.171cqw;
  color: var(--agenda-on-surface);
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: .202cqw solid var(--agenda-charcoal);
  box-shadow: 0 .809cqw 0 var(--agenda-charcoal);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: rotate(-4.9deg);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong{
  top: 0;
  right: 0;
  width: max-content;
  max-width: 44cqw;
  min-height: 5.3cqw;
  padding: 1.213cqw 1.82cqw;
  border-radius: 999px;
  background: var(--cover-surface);
  color: var(--agenda-on-surface);
  font-size: 1.797cqw;
  font-weight: 700;
  line-height: 2.337cqw;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span{
  right: 1.1cqw;
  bottom: 0;
  width: max-content;
  max-width: 36cqw;
  min-height: 4.45cqw;
  padding: 1.213cqw 1.82cqw;
  border-radius: 999px;
  background: var(--cover-vivid);
  color: var(--agenda-charcoal);
  font-size: 1.348cqw;
  font-weight: 700;
  line-height: 1.977cqw;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-decoration,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows{
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-cluster{ z-index: 4; top: 38cqw; left: 9.8cqw; width: 4.8cqw; height: 3.267cqw; }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-rays{ z-index: 4; top: 37.807cqw; left: 50.44cqw; width: 1.62cqw; height: 1.613cqw; }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-decorative-cross{ z-index: 4; top: 38.387cqw; left: 35.68cqw; width: 1.86cqw; height: 1.933cqw; }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-asterisk-cluster{ z-index: 4; top: 35.94cqw; left: 73.94cqw; width: 3.05cqw; height: 3.867cqw; }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star{ z-index: 5; top: -1.33cqw; right: -1.3cqw; width: 3.933cqw; height: 3.933cqw; }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows{ z-index: 5; top: 11.25cqw; right: 10.55cqw; left: auto; width: 2.467cqw; height: 2.8cqw; }

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
  position: absolute;
  z-index: 3;
  top: 37.7cqw;
  right: 1.5cqw;
  bottom: auto;
  left: 1.5cqw;
  height: 25cqw;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1.18cqw;
  align-items: start;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
  --cover-card-fill: var(--cover-strong);
  --cover-card-text: var(--agenda-on-strong);
  height: 19.1cqw;
  min-height: 19.1cqw;
  grid-template-rows: 6.5cqw 9cqw 3.6cqw;
  margin-top: 0;
  border-width: .145cqw;
  border-radius: 1.2cqw;
  background: var(--cover-card-fill);
  box-shadow: .436cqw .436cqw 0 var(--agenda-charcoal);
  overflow: hidden;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(1){ transform: rotate(-1.61deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2){ margin-top: 4cqw; transform: rotate(0deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3){ --cover-card-fill: var(--cover-vivid); --cover-card-text: var(--agenda-charcoal); margin-top: 4cqw; transform: rotate(2.92deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(4){ transform: rotate(-1.02deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(5){ transform: rotate(2.48deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6){ --cover-card-fill: var(--cover-surface); --cover-card-text: var(--agenda-on-surface); margin-top: 4cqw; transform: rotate(-1.77deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7){ --cover-card-fill: var(--cover-vivid); --cover-card-text: var(--agenda-charcoal); margin-top: 4cqw; transform: rotate(.51deg); }
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(8){ transform: rotate(-.7deg); }

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-photo{
  background: var(--cover-card-fill);
  color: var(--cover-card-text);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header{
  padding: 5.71cqi 6.667cqi;
  border-radius: 1.067cqw 1.067cqw 0 0;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header strong{
  width: 77.19cqi;
  max-height: 2.4em;
  font-size: 6.7cqi;
  line-height: 1.1;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header > span{
  max-height: 2.5em;
  margin-top: 3.333cqi;
  font-size: 5.35cqi;
  line-height: 1.1;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-photo{
  border-radius: 1.067cqw;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo{
  width: calc(100% - .727cqw);
  height: 2.908cqw;
  margin: .346cqw auto;
  padding: .291cqw .727cqw;
  border-radius: 0;
  background: var(--cover-card-fill);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{
  position: absolute;
  z-index: 5;
  top: 24.867cqw;
  right: auto;
  bottom: auto;
  left: 2.8cqw;
  display: flex;
  width: 32cqw;
  align-items: center;
  gap: 1cqw;
  color: var(--agenda-on-surface);
  transform: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span{
  flex: 0 0 auto;
  font-size: 1.444cqw;
  font-weight: 300;
  line-height: 1.517cqw;
  text-transform: uppercase;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div{
  display: flex;
  align-items: center;
  gap: .6cqw;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img{
  width: 8cqw;
  height: 2.5cqw;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
}

/* Tablet */
@container agenda (max-width: 1050px) and (min-width: 751px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{ min-height: 118cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{ top: 5.8cqw; left: 7cqw; width: 46cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{ top: 7cqw; right: 4.5cqw; width: 52cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    right: 3cqw;
    bottom: 9cqw;
    left: 3cqw;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3cqw 2cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{ right: 4cqw; bottom: 2.5cqw; width: 34cqw; }}

/* Mobile — follows the component library's 402–407px direction. */
@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{
    height: 220cqw;
    min-height: 223cqw;
    background: var(--cover-surface);
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before{
    top: -38cqw;
    right: auto;
    left: 13cqw;
    width: 125cqw;
    height: 177cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after{
    bottom: -1cqw;
    height: 29cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid{
    top: -2cqw;
    left: -28cqw;
    width: 180cqw;
    height: 100cqw;
    background-size: 100% 100%;
    opacity: .7;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{
    top: 10cqw;
    left: 7cqw;
    width: 86cqw;
    height: 54cqw;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
    top: 0;
    left: 8cqw;
    width: 47cqw;
    height: 10cqw;
    margin: 0;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1{
    top: 15cqw;
    left: 0;
    width: 86cqw;
    font-size: 13cqw;
    line-height: 14cqw;
    letter-spacing: -.24cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 span{ font-weight: 300; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{
    top: 69cqw;
    right: 2cqw;
    width: 92cqw;
    height: 28cqw;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong{
    width: max-content;
    max-width: 90cqw;
    min-height: 12cqw;
    padding: 2.4cqw 3cqw;
    border-width: .4cqw;
    font-size: 3.7cqw;
    line-height: 5cqw;
    box-shadow: 0 1.7cqw 0 var(--agenda-charcoal);
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span{
    right: 4cqw;
    width: max-content;
    max-width: 78cqw;
    min-height: 10cqw;
    padding: 2cqw 3.2cqw;
    border-width: .4cqw;
    font-size: 2.8cqw;
    line-height: 4cqw;
    box-shadow: 0 1.4cqw 0 var(--agenda-charcoal);
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star{ top: -5cqw; right: -2cqw; width: 10cqw; height: 10cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows{ top: 23cqw; left: 43cqw; width: 7.5cqw; height: 8.5cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-cluster{ top: 111cqw; left: 5cqw; width: 16cqw; height: auto; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-rays{ top: 111cqw; left: 54cqw; width: 6cqw; height: auto; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-decorative-cross{ top: 117cqw; left: 34cqw; width: 7cqw; height: auto; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-asterisk-cluster{ top: 108cqw; left: 81cqw; width: 11cqw; height: auto; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    top: 119cqw;
    right: auto;
    bottom: auto;
    left: 7cqw;
    width: 88cqw;
    height: 78cqw;
    display: flex;
    flex-wrap: nowrap;
    gap: 5cqw;
    align-items: start;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: visible;
    padding: 3cqw 3cqw 4cqw 0;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0 5cqw;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-overflow-scrolling: touch;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars.is-dragging{ cursor: grabbing; scroll-snap-type: none; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars:focus-visible{ outline: .8cqw solid var(--agenda-pale); outline-offset: 1cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars::-webkit-scrollbar{ display: none; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
    flex: 0 0 43cqw;
    width: 43cqw;
    height: 66cqw;
    min-height: 66cqw;
    grid-template-rows: 18cqw 36cqw 12cqw;
    margin-top: 0;
    border-width: .45cqw;
    border-radius: 4cqw;
    box-shadow: 1.6cqw 1.6cqw 0 var(--agenda-charcoal);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transform: rotate(calc((var(--card-index) - 1) * .75deg));
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2),
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3),
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6),
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7){ margin-top: 3cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header{ padding: 5.71cqi 6.667cqi; border-radius: 3.4cqw 3.4cqw 0 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header strong{ font-size: 7cqi; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star header > span{ font-size: 5.2cqi; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo{
    width: calc(100% - 3cqw);
    height: 10cqw;
    margin: 1cqw auto;
    padding: 1.2cqw 3cqw;
    border-radius: 0;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{
    top: 46cqw;
    right: auto;
    bottom: auto;
    left: 0;
    width: 82cqw;
    display: flex;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
  }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span{ display: block; margin: 0; font-size: 2.8cqw; line-height: 3.2cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img{ width: 20cqw; height: 7cqw; padding: 0; border: 0; box-shadow: none; }}

@container agenda (min-width: 1051px) {
  /* Cover */
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    top: 37.6cqw;
    right: auto;
    left: 1.267cqw;
    width: 97.52cqw;
    height: 22.904cqw;
    display: block;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
    position: absolute;
    width: 10.904cqw;
    height: 18.49cqw;
    min-height: 18.49cqw;
    grid-template-rows: 4.4cqw 9.75cqw 4.34cqw;
    border-width: .145cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(1){ top: 4.266cqw; left: .258cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2){ top: .999cqw; left: 12.39cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3){ top: 3.533cqw; left: 24.713cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(4){ top: .096cqw; left: 37.222cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(5){ top: 2.293cqw; left: 49.652cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6){ top: 1.333cqw; left: 62.208cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7){ top: .133cqw; left: 74.443cqw; margin-top: 0; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(8){ top: .999cqw; left: 86.504cqw; margin-top: 0; }}

/* Components page alignment: iPad Pro 11-inch frame (834). */
@container agenda (max-width: 1050px) and (min-width: 751px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{
    height: 142.086cqw;
    min-height: 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after{
    bottom: 0;
    height: 7.074cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid{
    top: 3.114cqw;
    left: 7.307cqw;
    width: 84.85cqw;
    height: 135.921cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{
    top: 3.957cqw;
    left: 10.192cqw;
    width: 82.631cqw;
    height: 46.163cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
    top: 18.825cqw;
    left: 0;
    width: 25.661cqw;
    height: 5.535cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1{
    top: 27.038cqw;
    left: 0;
    width: 53.981cqw;
    font-size: 9.063cqw;
    line-height: 9.516cqw;
    letter-spacing: -.17cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{
    top: 0;
    right: auto;
    bottom: auto;
    left: 49.041cqw;
    width: 23.08cqw;
    min-height: 24.834cqw;
    display: flex;
    padding: 1.242cqw;
    border: .124cqw solid var(--agenda-charcoal);
    border-radius: .968cqw;
    background: var(--agenda-paper);
    color: var(--agenda-charcoal);
    box-shadow: .745cqw .745cqw 0 var(--agenda-charcoal);
    flex-direction: column;
    gap: .621cqw;
    transform: rotate(-4.9deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span{
    font-size: 1.698cqw;
    line-height: 2.826cqw;
    text-align: center;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div{
    width: 100%;
    flex-direction: column;
    gap: .621cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img{
    width: 16.264cqw;
    height: 4.337cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{
    top: 28.777cqw;
    right: auto;
    left: 59.472cqw;
    width: 33.351cqw;
    height: 12.178cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong{
    max-width: 33.351cqw;
    min-height: 6.475cqw;
    padding: 1.214cqw 1.821cqw;
    border-width: .202cqw;
    font-size: 1.798cqw;
    line-height: 2.338cqw;
    box-shadow: 0 .809cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span{
    max-width: 24.7cqw;
    min-height: 5.4cqw;
    padding: 1.214cqw 1.821cqw;
    border-width: .202cqw;
    font-size: 1.349cqw;
    line-height: 1.978cqw;
    box-shadow: 0 .809cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-cluster,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-rays,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-decorative-cross,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-asterisk-cluster{
    display: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    top: 58.633cqw;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 85.971cqw;
    height: 67.69cqw;
    display: grid;
    grid-template-columns: repeat(4, 19.178cqw);
    grid-template-rows: repeat(2, 32.521cqw);
    gap: 2.648cqw 3.086cqw;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
    width: 19.178cqw;
    height: 32.521cqw;
    min-height: 32.521cqw;
    grid-template-rows: 7.75cqw 19.656cqw 5.115cqw;
    margin-top: 0;
    border-width: .256cqw;
    border-radius: 2.445cqw;
    box-shadow: .767cqw .767cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo{
    width: calc(100% - 1.279cqw);
    height: 5.115cqw;
    margin: 0 auto;
    padding: .512cqw 1.279cqw;
  }}

/* Components page alignment: iPhone frame (402). */
@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{
    height: 222.637cqw;
    min-height: 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after{
    bottom: 0;
    height: 14.677cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{
    top: 7.214cqw;
    left: 3.063cqw;
    width: 93.874cqw;
    height: 56.008cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
    top: 0;
    left: 27.539cqw;
    width: 38.796cqw;
    height: 8.275cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1{
    top: 20.667cqw;
    left: 4.341cqw;
    width: 81.867cqw;
    font-size: 13.744cqw;
    line-height: 14.431cqw;
    letter-spacing: -.258cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 span{
    margin-top: .996cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{
    top: 65.146cqw;
    right: auto;
    bottom: auto;
    left: 2.945cqw;
    width: 29.9cqw;
    min-height: 32.79cqw;
    display: flex;
    padding: 1.753cqw;
    border: .175cqw solid var(--agenda-charcoal);
    border-radius: 2.009cqw;
    background: var(--agenda-paper);
    color: var(--agenda-charcoal);
    box-shadow: 1.052cqw 1.052cqw 0 var(--agenda-charcoal);
    flex-direction: column;
    gap: .877cqw;
    transform: rotate(-7.08deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span{
    width: 23.842cqw;
    flex: 0 0 auto;
    font-size: 2.396cqw;
    line-height: 3.988cqw;
    text-align: center;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div{
    width: 100%;
    flex-direction: column;
    gap: .877cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors i{
    width: 100%;
    height: 7.355cqw;
    display: flex;
    padding: .617cqw 1.543cqw;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 2.674cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img{
    width: 22.953cqw;
    height: 6.121cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{
    top: 73.632cqw;
    right: auto;
    left: 33.234cqw;
    width: 59.24cqw;
    height: 21.631cqw;
    transform: rotate(12.65deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong{
    max-width: 59.24cqw;
    min-height: 11.5cqw;
    padding: 2.156cqw 3.235cqw;
    border-width: .359cqw;
    font-size: 3.194cqw;
    line-height: 4.153cqw;
    box-shadow: 0 1.438cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span{
    right: 10.9cqw;
    max-width: 44.7cqw;
    min-height: 9.8cqw;
    padding: 2.156cqw 3.235cqw;
    border-width: .359cqw;
    font-size: 2.396cqw;
    line-height: 3.514cqw;
    box-shadow: 0 1.438cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-cluster,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sparkle-rays,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-decorative-cross,
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-asterisk-cluster{
    display: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    top: 111.194cqw;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 162.438cqw;
    height: 84.826cqw;
    display: flex;
    flex-wrap: nowrap;
    gap: 6.965cqw;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    scroll-snap-type: none;
    cursor: default;
    touch-action: auto;
    transform: translateX(-50%);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
    flex: 0 0 39.566cqw;
    width: 39.566cqw;
    height: 67.09cqw;
    min-height: 67.09cqw;
    grid-template-rows: 16cqw 40.539cqw 10.551cqw;
    margin-top: 0;
    border-width: .528cqw;
    border-radius: 5.072cqw;
    box-shadow: 1.582cqw 1.582cqw 0 var(--agenda-charcoal);
    scroll-snap-align: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo{
    width: calc(100% - 2.637cqw);
    height: 10.551cqw;
    margin: 0 auto;
    padding: 1.055cqw 2.637cqw;
  }}

/* Desktop - 1, Figma node 2136:33913 (1440-wide artboard). */
@container agenda (min-width: 1051px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero{
    height: 61.528cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid{
    left: 0;
    width: 100cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before{
    right: 0;
    left: auto;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after{
    bottom: -1.042cqw;
    height: 15.486cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card{
    top: 4.167cqw;
    left: 3.125cqw;
    width: 48.058cqw;
    height: 28.908cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo{
    top: 1.597cqw;
    left: 2.222cqw;
    width: 19.861cqw;
    height: 4.236cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1{
    top: 10.816cqw;
    left: 2.222cqw;
    width: 41.911cqw;
    font-size: 7.036cqw;
    line-height: 7.388cqw;
    letter-spacing: -.132cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors{
    top: 0;
    right: auto;
    bottom: auto;
    left: 51.806cqw;
    width: 41.944cqw;
    height: 4.306cqw;
    padding: .694cqw;
    gap: .347cqw;
    overflow: hidden;
    border: .069cqw solid var(--agenda-charcoal);
    border-radius: .694cqw;
    background: var(--agenda-paper);
    box-shadow: .417cqw .417cqw 0 var(--agenda-charcoal);
    color: var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span{
    width: 9.444cqw;
    font-size: .949cqw;
    line-height: 1.58;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div{
    min-width: 0;
    flex: 1 1 auto;
    height: 2.914cqw;
    gap: .347cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img{
    width: 0;
    min-width: 0;
    max-width: none;
    height: 2.914cqw;
    flex: 1 1 0;
    object-fit: contain;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack{
    top: 13.056cqw;
    right: 3.153cqw;
    width: 33.581cqw;
    height: 14.172cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars{
    top: 39.95cqw;
    right: auto;
    left: 4.931cqw;
    width: 91.512cqw;
    height: 21.011cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star{
    width: 10.003cqw;
    height: 16.962cqw;
    min-height: 16.962cqw;
    grid-template-rows: 4.035cqw 8.944cqw 3.983cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(1){ top: 3.913cqw; left: .236cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2){ top: .917cqw; left: 11.655cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3){ top: 3.24cqw; left: 23.264cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(4){ top: .088cqw; left: 35.024cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(5){ top: 2.103cqw; left: 46.72cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6){ top: 1.222cqw; left: 58.526cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7){ top: .122cqw; left: 70.044cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(8){ top: .917cqw; left: 81.406cqw; }}

/* Authoritative Figma cover slice.
   Mobile: 2117:5664 at 402px. Desktop reference: 2136:31917 at 1440px. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star {
  background: var(--agenda-paper);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo {
  position: relative;
  width: calc(100% - 6.667cqi);
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 2.667cqi 6.667cqi;
  align-self: stretch;
  background: var(--agenda-paper);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-missing {
  color: var(--cover-card-text);
  font-size: 7cqi;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
}

@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero {
    height: 222.637cqw;
    min-height: 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before {
    display: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after {
    bottom: 0;
    height: 14.677cqw;
    background-image: url("./assets/figma-v4-mobile-cover-wave.svg");
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid {
    z-index: 2;
    top: 21.642cqw;
    left: 3.063cqw;
    width: 93.874cqw;
    height: 41.58cqw;
    background: color-mix(in srgb, var(--agenda-strong) 55%, transparent);
    -webkit-mask: url("./assets/design-intro-grid.svg") center / 100% 100% no-repeat;
    mask: url("./assets/design-intro-grid.svg") center / 100% 100% no-repeat;
    opacity: .72;
    pointer-events: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card {
    top: 7.214cqw;
    left: 3.063cqw;
    width: 93.874cqw;
    height: 56.008cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo {
    top: 0;
    left: 27.539cqw;
    width: 38.796cqw;
    height: 8.275cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 {
    top: 20.667cqw;
    left: 4.341cqw;
    width: 81.867cqw;
    font-size: 13.744cqw;
    line-height: 14.431cqw;
    letter-spacing: -.258cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 span {
    margin-top: .996cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors {
    top: 65.146cqw;
    right: auto;
    bottom: auto;
    left: 2.945cqw;
    width: 29.9cqw;
    min-height: 0;
    display: flex;
    padding: 1.753cqw;
    border: .175cqw solid var(--agenda-charcoal);
    border-radius: 2.009cqw;
    background: var(--agenda-paper);
    color: var(--agenda-charcoal);
    box-shadow: 1.052cqw 1.052cqw 0 var(--agenda-charcoal);
    flex-direction: column;
    gap: .877cqw;
    transform: rotate(-7.08deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="3"] {
    min-height: 32.79cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] {
    height: 57.1cqw;
    justify-content: space-between;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span {
    width: 23.842cqw;
    flex: 0 0 auto;
    font-size: 2.396cqw;
    line-height: 3.988cqw;
    letter-spacing: -.0816cqw;
    text-align: center;
    white-space: nowrap;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div {
    width: 100%;
    flex-direction: column;
    gap: .877cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors i {
    width: 100%;
    height: 7.355cqw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .617cqw 1.543cqw;
    overflow: hidden;
    border-radius: 2.674cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img {
    width: 22.953cqw;
    height: 6.121cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack {
    top: 73.632cqw;
    right: auto;
    left: 33.234cqw;
    width: 59.24cqw;
    height: 21.631cqw;
    transform: rotate(12.65deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong {
    max-width: 59.24cqw;
    min-height: 11.5cqw;
    padding: 2.156cqw 3.235cqw;
    border-width: .359cqw;
    font-size: 3.194cqw;
    line-height: 4.153cqw;
    box-shadow: 0 1.438cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span {
    right: 10.9cqw;
    max-width: 44.7cqw;
    min-height: 9.8cqw;
    padding: 2.156cqw 3.235cqw;
    border-width: .359cqw;
    font-size: 2.396cqw;
    line-height: 3.514cqw;
    box-shadow: 0 1.438cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-no-sponsors .hero-date-stack {
    top: 68.408cqw;
    right: auto;
    left: 11.941cqw;
    width: 78.336cqw;
    height: 28.603cqw;
    transform: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-no-sponsors .hero-date-stack strong {
    max-width: 78.336cqw;
    height: 12.145cqw;
    min-height: 0;
    box-sizing: border-box;
    padding: 2.852cqw 4.277cqw;
    border-width: .475cqw;
    font-size: 4.224cqw;
    line-height: 5.491cqw;
    box-shadow: 0 1.901cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-no-sponsors .hero-date-stack span {
    right: 1.834cqw;
    max-width: 70cqw;
    height: 11.3cqw;
    min-height: 0;
    box-sizing: border-box;
    padding: 2.852cqw 4.277cqw;
    border-width: .475cqw;
    font-size: 3.168cqw;
    line-height: 4.646cqw;
    box-shadow: 0 1.901cqw 0 var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows {
    display: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars {
    top: 111.194cqw;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 162.438cqw;
    height: 84.826cqw;
    display: flex;
    flex-wrap: nowrap;
    gap: 6.965cqw;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    scroll-snap-type: none;
    cursor: default;
    touch-action: auto;
    transform: translateX(-50%);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star {
    flex: 0 0 39.566cqw;
    width: 39.566cqw;
    height: 67.09cqw;
    min-height: 67.09cqw;
    grid-template-rows: 16cqw 40.539cqw 10.551cqw;
    margin-top: 0;
    border-width: .528cqw;
    border-radius: 5.072cqw;
    box-shadow: 1.582cqw 1.582cqw 0 var(--agenda-charcoal);
    scroll-snap-align: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(1) {
    --cover-card-fill: var(--cover-vivid);
    --cover-card-text: var(--agenda-charcoal);
    transform: rotate(-3.75deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    transform: rotate(-2.78deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    transform: rotate(-2.16deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(4) {
    --cover-card-fill: var(--cover-vivid);
    --cover-card-text: var(--agenda-charcoal);
    transform: rotate(2.01deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(5) {
    --cover-card-fill: var(--cover-vivid);
    --cover-card-text: var(--agenda-charcoal);
    transform: rotate(2.66deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    transform: rotate(-2.07deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    transform: rotate(2.61deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(8) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    transform: rotate(3.04deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo {
    width: calc(100% - 6.667cqi);
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 2.667cqi 6.667cqi;
    align-self: stretch;
    background: var(--agenda-paper);
  }
}

/* Company logos stay fully visible inside the fixed white cover-card tray. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star .person-card-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 76%;
  max-width: none;
  height: 19.2cqi;
  max-height: none;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center;
}

@container agenda (min-width: 1051px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero {
    height: 61.528cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-grid {
    z-index: 2;
    top: 11.788cqw;
    left: 3.125cqw;
    width: 48.058cqw;
    height: 21.286cqw;
    background: color-mix(in srgb, var(--agenda-strong) 55%, transparent);
    -webkit-mask: url("./assets/design-intro-grid.svg") center / 100% 100% no-repeat;
    mask: url("./assets/design-intro-grid.svg") center / 100% 100% no-repeat;
    opacity: .72;
    pointer-events: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before {
    right: 0;
    left: auto;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after {
    bottom: -1.042cqw;
    height: 15.486cqw;
    background-image: url("./assets/design-cover-wave.svg");
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card {
    top: 4.167cqw;
    left: 3.125cqw;
    width: 48.058cqw;
    height: 28.908cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-brand-logo {
    top: 1.597cqw;
    left: 2.222cqw;
    width: 19.861cqw;
    height: 4.236cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-title-card h1 {
    top: 10.816cqw;
    left: 2.222cqw;
    width: 41.911cqw;
    font-size: 7.036cqw;
    line-height: 7.388cqw;
    letter-spacing: -.132cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors {
    top: 0;
    right: auto;
    bottom: auto;
    left: 51.806cqw;
    width: 41.944cqw;
    height: 4.306cqw;
    padding: .694cqw;
    gap: .347cqw;
    overflow: hidden;
    border: .069cqw solid var(--agenda-charcoal);
    border-radius: .694cqw;
    background: var(--agenda-paper);
    box-shadow: .417cqw .417cqw 0 var(--agenda-charcoal);
    color: var(--agenda-charcoal);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="1"] {
    width: 21.46cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="2"] {
    width: 27.5cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="3"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] {
    width: 41.944cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] {
    left: 46.111cqw;
    width: 47.639cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors span {
    width: 9.444cqw;
    flex: 0 0 9.444cqw;
    font-size: .949cqw;
    line-height: 1.58;
    letter-spacing: -.0282cqw;
    text-align: center;
    white-space: nowrap;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div {
    min-width: 0;
    flex: 1 1 auto;
    height: 2.914cqw;
    gap: .347cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > div > i {
    position: relative;
    width: 0;
    min-width: 0;
    height: 100%;
    flex: 1 1 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors img {
    position: absolute;
    inset: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack {
    top: 13.056cqw;
    right: 3.153cqw;
    width: 33.581cqw;
    height: 14.172cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars {
    top: 39.95cqw;
    right: auto;
    left: 4.931cqw;
    width: 91.512cqw;
    height: 21.011cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star {
    width: 10.003cqw;
    height: 16.962cqw;
    min-height: 16.962cqw;
    grid-template-rows: 4.035cqw 8.944cqw 3.983cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(1) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    top: 3.913cqw;
    left: .236cqw;
    transform: rotate(-1.61deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(2) {
    --cover-card-fill: var(--cover-surface);
    --cover-card-text: var(--agenda-on-surface);
    top: .917cqw;
    left: 11.655cqw;
    transform: rotate(0deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(3) {
    --cover-card-fill: var(--cover-vivid);
    --cover-card-text: var(--agenda-charcoal);
    top: 3.24cqw;
    left: 23.264cqw;
    transform: rotate(2.92deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(4) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    top: .088cqw;
    left: 35.024cqw;
    transform: rotate(-1.02deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(5) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    top: 2.103cqw;
    left: 46.72cqw;
    transform: rotate(2.48deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(6) {
    --cover-card-fill: var(--cover-surface);
    --cover-card-text: var(--agenda-on-surface);
    top: 1.222cqw;
    left: 58.526cqw;
    transform: rotate(-1.77deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(7) {
    --cover-card-fill: var(--cover-vivid);
    --cover-card-text: var(--agenda-charcoal);
    top: .122cqw;
    left: 70.044cqw;
    transform: rotate(.51deg);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star:nth-child(8) {
    --cover-card-fill: var(--cover-strong);
    --cover-card-text: var(--agenda-on-strong);
    top: .917cqw;
    left: 81.406cqw;
    transform: rotate(-.7deg);
  }
}

/* Date and venue badge: Figma component 2193:26913.
   The same component scales between cover layouts rather than changing shape. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack {
  height: auto;
  aspect-ratio: 483.562 / 204.073;
  transform: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack strong {
  right: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span {
  right: 2.7%;
  max-width: none;
  box-sizing: border-box;
}

/* Keep the cursor attached to the venue pill as its label changes width. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack .hero-venue-group {
  position: absolute;
  right: 2.7%;
  bottom: 6%;
  width: max-content;
  max-width: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack .hero-venue-group span {
  position: relative;
  right: auto;
  bottom: auto;
  width: max-content;
  max-width: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star {
  top: -9.48%;
  right: -3.89%;
  width: 11.71%;
  height: 27.72%;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack .hero-venue-group .hero-date-arrows {
  z-index: 6;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 10%;
  width: 12.5%;
  height: auto;
}

@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack {
    height: 25.001cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-no-sponsors .hero-date-stack {
    height: 33.059cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-star,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-arrows {
    display: block;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack span,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-no-sponsors .hero-date-stack span {
    right: auto;
    max-width: none;
  }
}

@container agenda (min-width: 1441px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-content-frame {
    height: 886px;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::after {
    bottom: -15px;
    height: 223px;
  }
}

/* The editor crops only the oversized top cover decoration. The agenda frame
   remains open so the mobile cover-star carousel can scroll naturally. */
@container agenda (min-width: 1051px) {
  body:not(.preview-only) #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero::before {
    clip-path: inset(42.6cqw 0 0 0);
  }
}

@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars {
    right: auto;
    left: 3.063cqw;
    width: 93.874cqw;
    box-sizing: border-box;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 4cqw 5cqw 0;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0 4cqw;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-y pinch-zoom;
    transform: none;
    -webkit-overflow-scrolling: touch;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars::-webkit-scrollbar {
    display: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars .hero-cover-star {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

/* Sponsor-count variants from Figma component 2105:40491. */
@container agenda (min-width: 1051px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors {
    width: 41.944cqw;
    height: 4.306cqw;
    padding: .694cqw;
    gap: .347cqw;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="1"] {
    width: 21.46cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="2"] {
    width: 27.5cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="3"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] {
    width: 41.944cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > span {
    width: 9.444cqw;
    flex: 0 0 9.444cqw;
    font-size: .949cqw;
    line-height: 1.58;
    letter-spacing: -.0282cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logos {
    min-width: 0;
    height: 2.914cqw;
    display: grid;
    flex: 1 1 auto;
    gap: .347cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-1 .hero-sponsor-logos { grid-template-columns: minmax(0, 1fr); }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-2 .hero-sponsor-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-3 .hero-sponsor-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-4 .hero-sponsor-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-5 .hero-sponsor-logos { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors-6 .hero-sponsor-logos { grid-template-columns: repeat(6, minmax(0, 1fr)); }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logo {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logo img {
    position: absolute;
    top: .244cqw;
    left: .611cqw;
    width: calc(100% - 1.222cqw);
    min-width: 0;
    max-width: none;
    height: calc(100% - .488cqw);
    max-height: none;
    display: block;
    object-fit: contain;
    object-position: center;
  }
}

@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors {
    width: 31.344cqw;
    height: auto;
    min-height: 0;
    padding: 2.009cqw;
    gap: 1.004cqw;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] {
    width: 23.224cqw;
    height: 57.084cqw;
    padding: 1.753cqw;
    justify-content: space-between;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors > span {
    width: 27.325cqw;
    flex: 0 0 auto;
    font-size: 2.747cqw;
    line-height: 4.571cqw;
    letter-spacing: -.0816cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"] > span,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] > span,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] > span {
    width: 19.318cqw;
    font-size: 1.943cqw;
    line-height: 3.231cqw;
    letter-spacing: -.066cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logos {
    width: 100%;
    min-width: 0;
    height: auto;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 1.004cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"] .hero-sponsor-logos,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] .hero-sponsor-logos,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] .hero-sponsor-logos {
    flex: 1 1 auto;
    justify-content: space-between;
    gap: 0;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logo {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 8.429cqw;
    display: block;
    flex: 0 0 8.429cqw;
    padding: 0;
    overflow: hidden;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors .hero-sponsor-logo img {
    position: absolute;
    top: .707cqw;
    left: 1.768cqw;
    width: calc(100% - 3.536cqw);
    min-width: 0;
    max-width: none;
    height: calc(100% - 1.414cqw);
    max-height: none;
    display: block;
    object-fit: contain;
    object-position: center;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"] .hero-sponsor-logo,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] .hero-sponsor-logo,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] .hero-sponsor-logo {
    height: 7.355cqw;
    flex-basis: 7.355cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="4"] .hero-sponsor-logo img,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="5"] .hero-sponsor-logo img,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-sponsors[data-sponsor-count="6"] .hero-sponsor-logo img {
    top: .617cqw;
    left: .135cqw;
    width: calc(100% - .27cqw);
    height: 6.121cqw;
  }
}

/* Stacked sponsor logos need a clear hand-off to the date component. Keep the
   date and cover-star groups moving together so the extra breathing room does
   not create a new collision lower in the cover. */
@container agenda (max-width: 1050px) and (min-width: 751px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-hero {
    height: 145.6cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-date-stack {
    top: 32.25cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars {
    top: 62.1cqw;
  }
}

@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-sponsors {
    --cover-date-top: 98cqw;
    height: calc(var(--cover-date-top) + 149.005cqw);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="2"] {
    --cover-date-top: 107cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="3"] {
    --cover-date-top: 116.5cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"] {
    --cover-date-top: 126cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"] {
    --cover-date-top: 145cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] {
    --cover-date-top: 145cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-sponsors .hero-date-stack {
    top: var(--cover-date-top);
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section.has-sponsors .hero-cover-stars {
    top: calc(var(--cover-date-top) + 37.562cqw);
  }
}

/* Keep any shortened desktop cover-star row centred in the cover frame. */
@container agenda (min-width: 1051px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="1"] { left: 44.881cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="2"] { left: 39.171cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="3"] { left: 33.367cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="4"] { left: 27.487cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="5"] { left: 21.639cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="6"] { left: 15.736cqw; }
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-stars[data-cover-star-count="7"] { left: 9.977cqw; }
}

/* Full mobile cover state from Figma 2212:7623. With four or more sponsors,
   the cover stars lead and the narrow sponsor stack sits beside the date. */
@container agenda (max-width: 750px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"],
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] {
    height: 225.718cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"]::after,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"]::after,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"]::after {
    bottom: 4.975cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"] .hero-title-card,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"] .hero-title-card,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] .hero-title-card {
    top: 4.975cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"] .hero-cover-stars,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"] .hero-cover-stars,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] .hero-cover-stars {
    top: 61.232cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"] .hero-sponsors,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"] .hero-sponsors,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] .hero-sponsors {
    top: 142.545cqw;
    left: 3.309cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="4"] .hero-date-stack,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="5"] .hero-date-stack,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-cover-stars-section[data-sponsor-count="6"] .hero-date-stack {
    top: 165.245cqw;
    right: auto;
    left: 36.168cqw;
  }
}

/* Closing */
#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-finish{
  min-height: 45.33cqw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8cqw;
  padding: 10cqw 9.2cqw;
  align-items: center;
  background: var(--agenda-charcoal);
  color: #fff;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .finish-logo{
  display: block;
  width: 18cqw;
  filter: brightness(0) invert(1);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy p{
  margin: 0 0 1.4cqw;
  font-size: 1.12cqw;
  font-weight: 300;
  line-height: 1.25;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy a{
  color: inherit;
}

@container agenda (max-width: 750px){
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-finish{
    min-height: 128cqw;
    display: flex;
    padding: 19cqw 12cqw;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-logo{
    width: 50cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy p{
    margin-bottom: 5cqw;
    font-size: 3.5cqw;
  }
}

@container agenda (min-width: 1051px){
  #agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-finish{
    height: 47.222cqw;
    min-height: 0;
    grid-template-columns: 18.611cqw 31.628cqw;
    justify-content: space-between;
    gap: 0;
    padding: 0 9.583cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-brand,
  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-logo{
    width: 18.611cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy{
    width: 31.628cqw;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy p{
    margin-bottom: 1.3cqw;
    font-size: 1.15cqw;
    line-height: 1.25;
  }

  #agendaPreview .agenda.agenda-v5.agenda-redesign .finish-copy p:last-child{
    margin-bottom: 0;
  }
}