/* Dashboard settings set these variables per team. No font files are requested. */
.scynexis-team {
  --scynexis-team-name-color: #1e5470;
  --scynexis-team-title-color: #0b2440;
  --scynexis-team-body-color: #0b2440;
  --scynexis-team-link-color: #ae4611;
  --scynexis-team-popup-bg: #f4f1ec;
  --scynexis-team-backdrop: rgba(11,36,64,.78);
  --scynexis-team-heading-color: #1e5470;
  --scynexis-team-heading-size: 36px;
  --scynexis-team-grid-width: 1100px;
  --scynexis-team-name-size: 23px;
  --scynexis-team-title-size: 19px;
  --scynexis-team-bio-size: 17px;
  --scynexis-team-button-size: 20px;
  --scynexis-team-heading-spacing: 0px;
  --scynexis-team-name-spacing: 0px;
  --scynexis-team-title-spacing: 0px;
  --scynexis-team-bio-spacing: 0px;
  --scynexis-team-button-spacing: 0px;
  --scynexis-team-gap: 40px;
  --scynexis-team-image-width: 240px;
  --scynexis-team-image-radius: 16px;
  --scynexis-team-popup-width: 780px;
  --scynexis-team-popup-radius: 16px;
  --scynexis-team-no-photo-background: #0b2440;
  --scynexis-team-no-photo-name-color: #f4f1ec;
  --scynexis-team-no-photo-title-color: #f4f1ec;
  --scynexis-team-no-photo-link-color: #e2691f;
  --scynexis-team-no-photo-padding: 24px;
  --scynexis-team-no-photo-radius: 16px;
  --scynexis-team-no-photo-min-height: 200px;
  --scynexis-team-no-photo-align: left;
}
.scynexis-team,
.scynexis-team__dialog {
  box-sizing: border-box;
  color: var(--scynexis-team-body-color, #0b2440);
  font-family: var(--scynexis-team-font, inherit);
}
.scynexis-team *,
.scynexis-team__dialog * { box-sizing: border-box; }
.scynexis-team__grid {
  display: grid;
  grid-template-columns: repeat(var(--scynexis-team-columns, 4), minmax(0, 1fr));
  gap: calc(var(--scynexis-team-gap, 40px) * 1.2) var(--scynexis-team-gap, 40px);
  max-width: var(--scynexis-team-grid-width, 1100px);
  margin-inline: auto;
}
.scynexis-team .scynexis-team__heading {
  margin: 0 0 40px;
  color: var(--scynexis-team-heading-color, #1e5470);
  font-family: var(--scynexis-team-font, inherit);
  font-size: var(--scynexis-team-heading-size, 36px);
  letter-spacing: var(--scynexis-team-heading-spacing, 0px);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.scynexis-teams > .scynexis-team + .scynexis-team { margin-top: 72px; }
.scynexis-team__card { min-width: 0; text-align: center; }
.scynexis-team .scynexis-team__photo {
  display: block;
  width: 100%;
  max-width: var(--scynexis-team-image-width, 240px);
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto 18px;
  object-fit: cover;
  object-position: center;
  border-radius: var(--scynexis-team-image-radius, 16px);
}
.scynexis-team .scynexis-team__photo { overflow: hidden; }
.scynexis-team .scynexis-team__photo img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  margin: 0;
}
.scynexis-team .scynexis-team__name {
  margin: 0 0 8px;
  color: var(--scynexis-team-name-color, #1e5470);
  font-size: var(--scynexis-team-name-size, 23px);
  letter-spacing: var(--scynexis-team-name-spacing, 0px);
  font-weight: 500;
  line-height: 1.4;
}
.scynexis-team .scynexis-team__role {
  margin: 0 0 12px;
  color: var(--scynexis-team-title-color, #0b2440);
  font-size: var(--scynexis-team-title-size, 19px);
  letter-spacing: var(--scynexis-team-title-spacing, 0px);
  line-height: 1.5;
}
.scynexis-team__details { margin: 0; }
.scynexis-team .scynexis-team__trigger {
  display: inline-block;
  margin: 0;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  color: var(--scynexis-team-link-color, #ae4611);
  font-size: var(--scynexis-team-button-size, 20px);
  letter-spacing: var(--scynexis-team-button-spacing, 0px);
  font-weight: 500;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
.scynexis-team__trigger::-webkit-details-marker { display: none; }
.scynexis-team .scynexis-team__trigger:hover { text-decoration: underline; }
.scynexis-team__trigger:focus-visible,
.scynexis-team__close:focus-visible {
  outline: 3px solid var(--scynexis-team-name-color, #1e5470);
  outline-offset: 4px;
  border-radius: 4px;
}
/* Only the outside card uses panel colors; inline and popup bios keep their own styles. */
.scynexis-team .scynexis-team__card--panel {
  display: flex;
  flex-direction: column;
  min-height: var(--scynexis-team-no-photo-min-height, 200px);
  padding: var(--scynexis-team-no-photo-padding, 24px);
  border-radius: var(--scynexis-team-no-photo-radius, 16px);
  background: var(--scynexis-team-no-photo-background, #0b2440);
  text-align: var(--scynexis-team-no-photo-align, left);
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__name {
  color: var(--scynexis-team-no-photo-name-color, #f4f1ec);
  overflow-wrap: anywhere;
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__role {
  color: var(--scynexis-team-no-photo-title-color, #f4f1ec);
  overflow-wrap: anywhere;
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__details {
  margin-top: auto;
  padding-top: 8px;
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__details > .scynexis-team__trigger {
  max-width: 100%;
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid var(--scynexis-team-no-photo-link-color, #e2691f);
  border-radius: 999px;
  background: transparent;
  color: var(--scynexis-team-no-photo-link-color, #e2691f);
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__details > .scynexis-team__trigger:hover {
  background: var(--scynexis-team-no-photo-link-color, #e2691f);
  color: var(--scynexis-team-no-photo-background, #0b2440);
  text-decoration: none;
}
.scynexis-team .scynexis-team__card--panel > .scynexis-team__details > .scynexis-team__trigger:focus-visible {
  outline-color: var(--scynexis-team-no-photo-link-color, #e2691f);
  outline-offset: 4px;
  border-radius: 999px;
}
.scynexis-team__details > .scynexis-team__bio-content {
  margin-top: 16px;
  padding: 20px;
  border-radius: 12px;
  background: var(--scynexis-team-popup-bg, #f4f1ec);
  text-align: left;
}
.scynexis-team__details:not([open]) > .scynexis-team__bio-content { display: none; }
.scynexis-team__dialog {
  width: min(var(--scynexis-team-popup-width, 780px), calc(100vw - 32px));
  max-width: none;
  max-height: 85vh;
  max-height: 85svh;
  margin: auto;
  padding: 48px 36px 36px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: var(--scynexis-team-popup-radius, 16px);
  background: var(--scynexis-team-popup-bg, #f4f1ec);
  box-shadow: 0 24px 90px rgba(0,0,0,.3);
  text-align: left;
}
.scynexis-team__dialog:not([open]) { display: none; }
.scynexis-team__dialog::backdrop { background: var(--scynexis-team-backdrop, rgba(11,36,64,.78)); }
.scynexis-team__dialog .scynexis-team__close {
  position: absolute;
  top: 8px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--scynexis-team-body-color, #0b2440);
  font-family: var(--scynexis-team-font, inherit);
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}
.scynexis-team__dialog .scynexis-team__close:hover { background: rgba(11,36,64,.07); }
.scynexis-team .scynexis-team__bio-photo,
.scynexis-team__dialog .scynexis-team__bio-photo {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 0 20px;
  object-fit: cover;
  border-radius: var(--scynexis-team-image-radius, 16px);
  overflow: hidden;
}
.scynexis-team .scynexis-team__bio-photo img,
.scynexis-team__dialog .scynexis-team__bio-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
.scynexis-team .scynexis-team__bio-name,
.scynexis-team__dialog .scynexis-team__bio-name {
  margin: 0 0 8px;
  color: var(--scynexis-team-name-color, #1e5470);
  font-size: calc(var(--scynexis-team-name-size, 23px) + 5px);
  letter-spacing: var(--scynexis-team-name-spacing, 0px);
  font-weight: 500;
  line-height: 1.3;
}
.scynexis-team__bio-name:focus { outline: none; }
.scynexis-team .scynexis-team__bio-role,
.scynexis-team__dialog .scynexis-team__bio-role {
  margin: 0 0 24px;
  color: var(--scynexis-team-title-color, #0b2440);
  font-size: calc(var(--scynexis-team-title-size, 19px) - 1px);
  letter-spacing: var(--scynexis-team-title-spacing, 0px);
  line-height: 1.5;
}
.scynexis-team__bio-text { font-size: var(--scynexis-team-bio-size, 17px); letter-spacing: var(--scynexis-team-bio-spacing, 0px); line-height: 1.75; overflow-wrap: anywhere; }
.scynexis-team__bio-text > :first-child { margin-top: 0; }
.scynexis-team__bio-text > :last-child { margin-bottom: 0; }
.scynexis-team__bio-text img { max-width: 100%; height: auto; }
.scynexis-team__bio-text a { color: var(--scynexis-team-link-color, #ae4611); text-decoration: underline; }
@media (max-width: 800px) {
  .scynexis-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--scynexis-team-gap, 40px) * .9) calc(var(--scynexis-team-gap, 40px) * .6); }
  .scynexis-team[data-scynexis-team-columns="1"] .scynexis-team__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .scynexis-team__grid { grid-template-columns: minmax(0, 1fr); gap: calc(var(--scynexis-team-gap, 40px) * .9); }
  .scynexis-team__dialog { padding: 48px 22px 26px; }
  .scynexis-team .scynexis-team__bio-name,
  .scynexis-team__dialog .scynexis-team__bio-name { font-size: calc(var(--scynexis-team-name-size, 23px) + 2px); }
}