/*
 * Canonical EventFlow Profile Card — Figma component set 2100:39460.
 *
 * This file owns the card shell and its internal proportions. Cover and panel
 * stylesheets intentionally continue to own each section's width, placement,
 * rotation and colourway at every breakpoint.
 */

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) {
  --person-card-aspect-ratio: 154.416 / 256.924;
  --person-card-border-ratio: .01295203;
  --person-card-radius-ratio: .11656823;
  --person-card-shadow-ratio: .03885608;
  --person-card-surface: var(--agenda-strong);
  --person-card-text: var(--agenda-on-strong);
  min-width: 0;
  min-height: 0;
  height: auto;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  border: calc(var(--person-card-width) * var(--person-card-border-ratio)) solid var(--agenda-charcoal);
  border-radius: calc(var(--person-card-width) * var(--person-card-radius-ratio));
  background: var(--agenda-paper);
  box-shadow:
    calc(var(--person-card-width) * var(--person-card-shadow-ratio))
    calc(var(--person-card-width) * var(--person-card-shadow-ratio))
    0 var(--agenda-charcoal);
  aspect-ratio: var(--person-card-aspect-ratio);
  container-type: inline-size;
  isolation: isolate;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 129.298745cqi;
  border-radius: 10.637166cqi;
  background: var(--person-card-surface);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header {
  position: absolute;
  z-index: 3;
  top: 5.6975cqi;
  left: -.2659cqi;
  width: 97.9856cqi;
  height: 32.5763cqi;
  min-width: 0;
  padding: 0 6.6482cqi;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.3241cqi;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  color: var(--person-card-text);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header strong,
#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header strong > span,
#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header strong {
  width: 76.9732cqi;
  height: 15.9557cqi;
  max-height: 15.9557cqi;
  font-size: 6.6482cqi;
  font-weight: 700;
  line-height: 7.9779cqi;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) header > span {
  width: 84.6914cqi;
  height: 13.2965cqi;
  max-height: 13.2965cqi;
  margin: 0;
  font-size: 5.3186cqi;
  font-weight: 300;
  line-height: 6.6482cqi;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) .person-card-photo {
  position: absolute;
  z-index: 2;
  top: 40.2883cqi;
  left: -1.323cqi;
  width: 100.0047cqi;
  height: 89.9472cqi;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 10.6372cqi;
  background: var(--person-card-surface);
  color: var(--person-card-text);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) .person-card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) .person-card-missing {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  font-size: 7.3131cqi;
  font-weight: 700;
  line-height: 10.6372cqi;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) .person-card-logo {
  position: absolute;
  z-index: 3;
  top: 139.2711cqi;
  left: 4.792cqi;
  width: 93.0752cqi;
  height: 26.5929cqi;
  min-width: 0;
  margin: 0;
  padding: 2.6593cqi 6.6482cqi;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0;
  background: var(--agenda-paper);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-person-card:is(.hero-cover-star, .agenda-panel-person) .person-card-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85.714286%;
  height: 80%;
  max-width: none;
  max-height: none;
  display: block;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center;
}

/* Section contexts only supply colour; responsive dimensions stay local. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-star {
  --person-card-surface: var(--cover-card-fill);
  --person-card-text: var(--cover-card-text);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-panel-person {
  --person-card-surface: var(--panel-card-fill, var(--panel-person-fill));
  --person-card-text: var(--panel-person-text);
}

/* The tablet cover already uses this width; exposing it here lets the shared
   shell scale its border, radius and shadow from the card rather than agenda. */
@container agenda (max-width: 1050px) and (min-width: 751px) {
  #agendaPreview .agenda.agenda-v5.agenda-redesign .hero-cover-star {
    --person-card-width: 19.178cqw;
  }
}