.card-person__image {
  width: 100%;
  height: 14.375rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.card-person__image {
    height: 21.625rem;
}
}
@media (min-width: 1024px) {
.card-person__image {
    height: 20.875rem;
}
}
@media (min-width: 1440px) {
.card-person__image {
    height: 27.5rem;
}
}
.card-person__image .image {
  width: 100%;
  height: 100%;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: transform;
}
@media (max-width: 639.98px) {
.card-person__image .image img {
    object-position: top;
}
}
.card-person__name {
  margin-bottom: 0.5rem;
}
.card-person__position {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-gray-dark);
}
.blind-text-medium .card-person__position {
  font-size: 1.125rem;
}
.blind-text-large .card-person__position {
  font-size: 1.25rem;
}
.card-person__content {
  max-width: 18.4375rem;
}
@media (min-width: 640px) {
.card-person__content {
    max-width: 18rem;
}
}
@media (min-width: 1024px) {
.card-person__content {
    max-width: 17.375rem;
}
}
@media (min-width: 1024px) {
.card-person--big .card-person__container {
    display: flex;
}
}
@media (min-width: 640px) {
.card-person--big .card-person__image {
    height: 21.3125rem;
    width: 32.5rem;
    margin-bottom: 2rem;
}
}
@media (min-width: 1024px) {
.card-person--big .card-person__image {
    height: 34.375rem;
    width: 54.4375rem;
    margin-bottom: 0;
    margin-right: 3.625rem;
}
}
@media (min-width: 640px) {
.card-person--big .card-person__content {
    max-width: 21.625rem;
}
}
@media (min-width: 1024px) {
.card-person--big .card-person__content {
    max-width: 20.875rem;
    padding-top: 3.375rem;
}
}
.card-person.has-popup {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.card-person.has-popup:hover .image, .card-person.has-popup.focus-visible .image {
    transform: scale3d(1.1, 1.1, 1.1);
}
}
.card-person.has-popup.focus-visible .image {
  transform: scale3d(1.1, 1.1, 1.1);
}
.team__items {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
@media (min-width: 640px) {
.team__items {
    gap: 4.5rem 0.125rem;
}
}
@media (min-width: 1024px) {
.team__items {
    gap: 3.5rem 0.125rem;
}
}
.team__item {
  width: 100%;
}
body:not(.no-animate) .team__item {
  transform: translateY(1.5rem);
  opacity: 0;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  transition-delay: calc(0.3s + var(--item-index) * 0.1s);
}
body:not(.no-animate) .animate .team__item {
  transform: unset;
  opacity: 1;
}
html:not(.has-scroll-init) .team__item {
  transform: unset !important;
  opacity: 1 !important;
}
@media (min-width: 640px) {
.team__item:not(:first-child) {
    width: calc(50% - 0.125rem/2);
}
}
@media (min-width: 1024px) {
.team__item:not(:first-child) {
    width: calc(25% - 0.375rem/2);
    margin-bottom: 0.875rem;
}
}
.team__popup {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}