/* GTI Sec Team — fork of POWER sec-team */

.gti-sec-team {
  --gti-sec-team-content-gap: var(--gti-intro-content-gap, 50px);
  --gti-team-member-radius: 16px;
  --gti-team-member-bg: #faf9f9;
  --gti-team-hover-overlay-color: var(--clr-background-dk, #000);
  --gti-team-hover-text: var(--clr-text-dk, #fff);
}

.gti-sec-team.pwr--dark {
  --gti-team-member-bg: rgb(255 255 255 / 0.06);
  --gti-team-hover-overlay-color: var(--clr-background-lt, #fff);
  --gti-team-hover-text: var(--clr-text-lt, #131313);
}

.gti-sec-team .gti-sec-header:not(.gti-sec-header--no-gap) {
  margin-bottom: var(--gti-sec-team-content-gap);
}

.gti-sec-team .gti-sec-header .pwr-sec-team__title,
.gti-sec-team .gti-sec-header .gti-sec-team__title {
  margin-bottom: 0;
}

.gti-sec-team__title-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
}

.gti-sec-header--centered .gti-sec-team__title-image,
.gti-sec-header--centered .gti-sec-team__title-intro {
  margin-left: auto;
  margin-right: auto;
}

.gti-sec-team__title-intro:not(.gti-sec-team__title-intro--styled) {
  margin-bottom: 8px;
}

.gti-sec-team .pwr-sec__title-intro.gti-sec-team__title-intro:not(.gti-sec-team__title-intro--styled) {
  font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.gti-sec-team .pwr-sec__title-intro.gti-sec-team__title-intro--styled {
  position: relative;
  z-index: 0;
  isolation: isolate;
  text-transform: none;
}

.gti-sec-team .pwr-sec__title-intro.gti-sec-team__title-intro--text-styled {
  margin-bottom: 36px;
}

.gti-sec-team__title-intro--has-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.gti-sec-team__title-intro-icon {
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}

.gti-sec-team__title-intro-icon::before,
.gti-sec-team__title-intro-icon i,
.gti-sec-team__title-intro-icon svg {
  display: block;
  line-height: 1;
}

/* Page editor: AOS must not hide module content before scroll */
.gti-sec-team [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Reduced layout + Show description — image-box-style card (photo + text panel) */
.gti-sec-team .gti-team-member--card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: left;
  text-decoration: none;
}

.gti-sec-team .gti-team-member--card.pwr-team-member--is-link:hover,
.gti-sec-team .gti-team-member--card.pwr-team-member--is-link:focus-visible {
  text-decoration: none;
}

.gti-sec-team .gti-team-member__media {
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: var(--gti-team-member-radius) var(--gti-team-member-radius) 0 0;
}

.gti-sec-team .gti-team-member__media--circle .pwr-team-member__img--style-reduced {
  border-radius: 50%;
}

.gti-sec-team .gti-team-member--card .pwr-team-member__img--style-reduced {
  margin: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: inherit;
  overflow: hidden;
}

.gti-sec-team .gti-team-member--card .gti-team-member__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 16px 20px 20px;
  background-color: var(--gti-team-member-bg);
  border-radius: 0 0 var(--gti-team-member-radius) var(--gti-team-member-radius);
  box-sizing: border-box;
}

.gti-sec-team .gti-team-member__name {
  display: block;
  margin: 0;
  font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: inherit;
}

.gti-sec-team .gti-team-member__job-title {
  display: block;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  opacity: 0.85;
  color: inherit;
}

.gti-sec-team .gti-team-member__desc {
  display: block;
  margin: 4px 0 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: inherit;
  opacity: 1;
}

.gti-sec-team .gti-team-member__desc p,
.gti-sec-team .gti-team-member__desc ul,
.gti-sec-team .gti-team-member__desc ol,
.gti-sec-team .gti-team-member__desc li {
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
}

.gti-sec-team .gti-team-member__desc p + p {
  margin-top: 0.75em;
}

.gti-sec-team .gti-team-member__link {
  display: inline-block;
  margin-top: auto;
  padding-top: 8px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: inherit;
  opacity: 0.85;
}

.gti-sec-team .gti-team-member--card.pwr-team-member--is-link:hover .gti-team-member__link,
.gti-sec-team .gti-team-member--card.pwr-team-member--is-link:focus-visible .gti-team-member__link {
  opacity: 1;
}

.gti-sec-team.pwr--align-c .gti-team-member--card {
  text-align: left;
}

.gti-sec-team.pwr--align-c .gti-team-member--card .gti-team-member__body {
  align-items: flex-start;
}

/* Full layout — image-box-style radius, glass name-tag, crossfade hover panel */
.gti-sec-team .gti-team-member--full .gti-team-member__box,
.gti-sec-team .gti-team-member--full .pwr-team-member__img--style-full {
  border-radius: var(--gti-team-member-radius);
  overflow: hidden;
}

.gti-sec-team .gti-team-member--full .pwr-team-member__img--style-full .pwr-background-img,
.gti-sec-team .gti-team-member--full .pwr-team-member__img--style-full img {
  border-radius: inherit;
}

.gti-sec-team .gti-team-member--full .pwr-3D-box__sensor {
  transform: none !important;
}

.gti-sec-team .gti-team-member--full .pwr-3D-box__info-box {
  transform: none !important;
  backface-visibility: visible;
}

.gti-sec-team .gti-team-member--full .pwr-team-member__overlay {
  background-color: transparent !important;
  background-image: linear-gradient(
    to bottom,
    var(--gti-team-hover-overlay-color) 2.03%,
    color-mix(in srgb, var(--gti-team-hover-overlay-color) 35%, transparent) 50%,
    color-mix(in srgb, var(--gti-team-hover-overlay-color) 20%, transparent) 98.16%,
    transparent 100%
  );
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  opacity: 0 !important;
  transition: opacity 0.3s ease;
}

@supports (color: rgb(from red r g b)) {
  .gti-sec-team .gti-team-member--full .pwr-team-member__overlay {
    background-image: linear-gradient(
      to bottom,
      var(--gti-team-hover-overlay-color) 2.03%,
      rgb(from var(--gti-team-hover-overlay-color) r g b / 0.35) 50%,
      rgb(from var(--gti-team-hover-overlay-color) r g b / 0.2) 98.16%,
      transparent 100%
    );
  }
}

.gti-sec-team .gti-team-member--full .gti-team-member__front {
  z-index: 2;
  border-radius: 0 0 var(--gti-team-member-radius) var(--gti-team-member-radius);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gti-sec-team .gti-team-member--full .gti-team-member__front .gti-team-member__name {
  font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.gti-sec-team .gti-team-member--full .gti-team-member__front .gti-team-member__job-title {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.gti-sec-team .gti-team-member--full .gti-team-member__back {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 24px !important;
  margin: 0 !important;
  color: var(--gti-team-hover-text);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc {
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--gti-team-hover-text);
}

.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc p,
.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc ul,
.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc ol,
.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc li {
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
}

.gti-sec-team .gti-team-member--full .gti-team-member__back .gti-team-member__desc p + p {
  margin-top: 0.75em;
}

.gti-sec-team .gti-team-member--full .gti-team-member__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 16px;
  line-height: 1;
}

.gti-sec-team .gti-team-member--full .gti-team-member__contact .pwr-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--gti-team-hover-text);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.gti-sec-team .gti-team-member--full .gti-team-member__contact .pwr-social-icon:hover {
  color: var(--gti-team-hover-text);
  opacity: 0.75;
}

.gti-sec-team .gti-team-member--full .gti-team-member__contact .pwr-social-icon svg {
  display: block;
  width: 1em;
  height: 1em;
}

.gti-sec-team .gti-team-member--full .gti-team-member__more-link {
  display: inline-block;
  align-self: flex-start;
  margin-top: auto;
  padding-top: 16px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  color: var(--gti-team-hover-text);
  text-decoration: none;
}

.gti-sec-team .gti-team-member--full .gti-team-member__more-link .pwr-link-icon {
  display: none;
}

.gti-sec-team .gti-team-member--full:hover .pwr-team-member__overlay,
.gti-sec-team .gti-team-member--full.pwr-3D-box--active .pwr-team-member__overlay,
.gti-sec-team .gti-team-member--full.pwr-team-member--is-link:hover .pwr-team-member__overlay {
  opacity: 1 !important;
}

.gti-sec-team .gti-team-member--full:hover .gti-team-member__back,
.gti-sec-team .gti-team-member--full.pwr-3D-box--active .gti-team-member__back,
.gti-sec-team .gti-team-member--full.pwr-team-member--is-link:hover .gti-team-member__back {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gti-sec-team .gti-team-member--full:hover .gti-team-member__front,
.gti-sec-team .gti-team-member--full.pwr-3D-box--active .gti-team-member__front,
.gti-sec-team .gti-team-member--full.pwr-team-member--is-link:hover .gti-team-member__front {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gti-sec-team .gti-team-member--full:hover .pwr-touch-btn,
.gti-sec-team .gti-team-member--full.pwr-team-member--is-link:hover .pwr-touch-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}