/* ==========================================================================
   Block: Team Cards
   ========================================================================== */
.spektrix-team-cards {
  --spektrix-team-cards-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-team-cards-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-team-cards-content-size: var(--wp--style--global--content-size, 800px);
  --spektrix-team-cards-card-width: 318px;
  --spektrix-team-cards-image-ratio: 318 / 350;
  --spektrix-team-cards-overlay-bg: rgb(9 46 64 / 90%);
  --spektrix-team-cards-overlay-duration: 0.25s;
  padding: calc(var(--spektrix-team-cards-gap) * 2.75) var(--spektrix-team-cards-gap);
}
.spektrix-team-cards.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-team-cards-gap) * 1.5);
}
.spektrix-team-cards.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-team-cards-gap) * 2);
}
.spektrix-team-cards.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-team-cards-gap) * 4);
}
.spektrix-team-cards.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-team-cards-gap) * 5);
}
.spektrix-team-cards.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-team-cards-gap) * 6);
}
.spektrix-team-cards.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-team-cards.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-team-cards-gap) * 1.5);
}
.spektrix-team-cards.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-team-cards-gap) * 2);
}
.spektrix-team-cards.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-team-cards-gap) * 4);
}
.spektrix-team-cards.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-team-cards-gap) * 5);
}
.spektrix-team-cards.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-team-cards-gap) * 6);
}
.spektrix-team-cards.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-team-cards__container {
  width: 100%;
  max-width: min(100%, var(--spektrix-team-cards-wide-size));
  margin: 0 auto;
}
.spektrix-team-cards__header {
  max-width: var(--spektrix-team-cards-content-size);
  margin: 0 auto calc(var(--spektrix-team-cards-gap) * 2.5);
  text-align: center;
}
.spektrix-team-cards__heading {
  max-width: 48rem;
  margin: 0 auto var(--spektrix-team-cards-gap);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-team-cards__intro {
  max-width: 44rem;
  margin: 0 auto;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-team-cards__intro p {
  margin: 0;
}
.spektrix-team-cards--header-align-left .spektrix-team-cards__header {
  margin: 0 0 calc(var(--spektrix-team-cards-gap) * 2.5) 0;
  text-align: left;
}
.spektrix-team-cards--header-align-left .spektrix-team-cards__heading {
  margin: 0 0 var(--spektrix-team-cards-gap) 0;
}
.spektrix-team-cards--header-align-left .spektrix-team-cards__intro {
  margin: 0;
}
.spektrix-team-cards__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spektrix-team-cards-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
  justify-content: center;
}
.spektrix-team-cards--cards-align-left .spektrix-team-cards__items {
  justify-content: flex-start;
}
.spektrix-team-cards--photo-ratio-standard, .spektrix-team-cards--photo-ratio-portrait {
  --spektrix-team-cards-image-ratio: 318 / 350;
}
.spektrix-team-cards--photo-ratio-square {
  --spektrix-team-cards-image-ratio: 1 / 1;
}
.spektrix-team-cards--photo-ratio-landscape {
  --spektrix-team-cards-image-ratio: 3 / 2;
}
.spektrix-team-cards__item {
  display: flex;
  flex: 0 0 var(--spektrix-team-cards-card-width);
  width: min(100%, var(--spektrix-team-cards-card-width));
  max-width: var(--spektrix-team-cards-card-width);
  min-width: 0;
}
.spektrix-team-cards__anchor-target {
  scroll-margin-top: calc(var(--spektrix-header-height, 4rem) + 1rem);
}
.spektrix-team-cards__card {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--wp--preset--color--white);
  border-radius: var(--spektrix-radius-md);
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.08);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-team-cards__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--spektrix-team-cards-image-ratio);
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  overflow: hidden;
  text-align: inherit;
  font: inherit;
}
.spektrix-team-cards__media-trigger {
  cursor: pointer;
  color: inherit;
}
.spektrix-team-cards__media-trigger:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: -3px;
}
.spektrix-team-cards__image, .spektrix-team-cards__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spektrix-team-cards__image-placeholder {
  background-color: var(--wp--preset--color--navy-50);
}
.spektrix-team-cards__bio-affordance {
  position: absolute;
  z-index: 1;
  right: 0.75rem;
  bottom: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border-radius: var(--spektrix-radius-full);
  background-color: rgba(9, 46, 64, 0.72);
  color: var(--wp--preset--color--white);
  pointer-events: none;
  transition: opacity var(--spektrix-team-cards-overlay-duration) ease;
}
.spektrix-team-cards__bio-affordance svg {
  display: block;
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .spektrix-team-cards__bio-affordance {
    transition: none;
  }
}
.spektrix-team-cards__media-trigger.is-bio-open .spektrix-team-cards__bio-affordance, .spektrix-team-cards__media-trigger.is-measuring-bio .spektrix-team-cards__bio-affordance {
  opacity: 0;
}
.spektrix-team-cards__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 1.35rem 1.15rem 1.15rem;
  overflow: hidden;
  background-color: var(--spektrix-team-cards-overlay-bg);
  color: var(--wp--preset--color--white);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--spektrix-team-cards-overlay-duration) ease, visibility var(--spektrix-team-cards-overlay-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .spektrix-team-cards__overlay {
    transition: none;
  }
}
.spektrix-team-cards__overlay[hidden] {
  display: none;
}
.spektrix-team-cards__media-trigger.is-bio-open .spektrix-team-cards__overlay {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 1.775rem;
  scrollbar-gutter: stable;
  scrollbar-color: var(--wp--preset--color--primary) var(--wp--preset--color--navy-700);
  scrollbar-width: thin;
}
.spektrix-team-cards__media-trigger.is-bio-open .spektrix-team-cards__overlay, .spektrix-team-cards__media-trigger.is-measuring-bio .spektrix-team-cards__overlay {
  opacity: 1;
  visibility: visible;
}
.spektrix-team-cards__bio {
  display: block;
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  color: var(--wp--preset--color--white);
}
.spektrix-team-cards__media-trigger.has-bio-overflow:not(.is-bio-open) .spektrix-team-cards__bio {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 2.75rem), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 2.75rem), transparent 100%);
}
.spektrix-team-cards__media-trigger.is-bio-open .spektrix-team-cards__bio {
  flex: none;
  min-height: auto;
  overflow: visible;
}
.spektrix-team-cards__show-more {
  display: none;
  flex: 0 0 auto;
  margin: 0;
  color: var(--wp--preset--color--accent-lime);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.spektrix-team-cards__show-more.is-measuring {
  display: block !important;
  visibility: hidden;
}
.spektrix-team-cards__media-trigger.is-bio-open .spektrix-team-cards__show-more {
  display: none !important;
}
.spektrix-team-cards__identity {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1rem 1.15rem 1.35rem;
  text-align: left;
}
.spektrix-team-cards__name {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-team-cards__pronouns {
  color: var(--wp--preset--color--navy-200);
  white-space: nowrap;
}
.spektrix-team-cards__meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
  margin-top: -0.325rem;
  color: var(--wp--preset--color--navy-200);
}
.spektrix-team-cards__title {
  margin: 0;
  color: inherit;
}
.spektrix-team-cards__company {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  margin-top: auto;
  padding: 0.55rem 0.75rem;
  background-color: color-mix(in srgb, var(--wp--preset--color--bright-bg) 50%, transparent);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--spektrix-radius-sm);
}
.spektrix-team-cards__company-logo {
  display: block;
  flex-shrink: 0;
  width: auto;
  max-width: 7rem;
  height: 2.25rem;
  object-fit: contain;
  border-radius: var(--spektrix-radius-xs);
}
.spektrix-team-cards__company-name {
  margin: 0;
  min-width: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-team-cards__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}
.spektrix-team-cards__social-item {
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.spektrix-team-cards__social-item:first-child {
  margin-left: -0.8125rem;
}
.spektrix-team-cards__social-link {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0;
  padding: 0;
  line-height: 0;
  color: var(--wp--preset--color--navy-200);
  text-decoration: none;
  border-radius: var(--spektrix-radius-sm);
  transition: color 0.15s ease;
}
.spektrix-team-cards__social-link svg {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  overflow: visible;
}
.spektrix-team-cards__social-link:hover, .spektrix-team-cards__social-link:focus-visible {
  color: var(--wp--preset--color--navy-300);
  background-color: transparent;
}
.spektrix-team-cards__social-link:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .spektrix-team-cards__social-link {
    transition: none;
  }
}
.spektrix-team-cards__placeholder {
  max-width: var(--spektrix-team-cards-content-size);
  margin: 0 auto;
  padding: var(--spektrix-team-cards-gap);
  border: 1px dashed var(--wp--preset--color--border, #e3e3e3);
  border-radius: var(--spektrix-radius-sm);
  text-align: center;
}

/*# sourceMappingURL=style.css.map */