@font-face{font-family:"DINNextLTPro-MediumCond";src:url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:"DINNextLTPro-Condensed";src:url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:"DINNextLTPro-BoldCondensed";src:url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap;}
@font-face {
  font-family: "DINNextLTPro-MediumCond";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTPro-MediumCond";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTPro-BoldCondensed";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTPro-Condensed";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.am-team-section {
  --am-bg: #eef5f5;
  --am-blue: #003f60;
  --am-blue-dark: rgba(0, 57, 86, 0.9);
  --am-red: #ef3340;
  --am-white: #ffffff;
  --am-card-gap: 70px;
  --am-team-font-family: "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --am-section-padding: 18px 42px 36px;
  --am-container-width: 1180px;
  --am-title-size: 30px;
  --am-title-line-height: 1.1;
  --am-title-weight: 700;
  --am-title-letter-spacing: 0.2px;
  --am-title-align: left;
  --am-title-margin-bottom: 58px;
  --am-image-size: 360px;
  --am-image-margin-bottom: 30px;
  --am-hover-panel-height: 56%;
  --am-hover-panel-padding: 26px 22px 20px;
  --am-hover-panel-gap: 12px;
  --am-hover-transition: 0.45s;
  --am-contact-size: 17px;
  --am-contact-line-height: 1.2;
  --am-contact-weight: 700;
  --am-contact-letter-spacing: 0.2px;
  --am-contact-align: center;
  --am-linkedin-size: 34px;
  --am-linkedin-font-size: 30px;
  --am-name-size: 50px;
  --am-name-line-height: 63px;
  --am-name-weight: 700;
  --am-name-letter-spacing: 2px;
  --am-name-margin-bottom: 20px;
  --am-card-text-align: center;
  --am-role-size: 16px;
  --am-role-line-height: 1.3;
  --am-role-weight: 400;
  --am-role-letter-spacing: 0.3px;
  background: var(--am-bg);
  padding: var(--am-section-padding);
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-synthesis: none;
}

.am-team-section,
.am-team-section * {
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
}

.am-team-title {
  margin: 0 0 var(--am-title-margin-bottom);
  color: var(--am-blue) !important;
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--am-title-size) !important;
  line-height: var(--am-title-line-height) !important;
  font-weight: var(--am-title-weight) !important;
  letter-spacing: var(--am-title-letter-spacing) !important;
  text-transform: var(--am-title-transform, none) !important;
  text-align: var(--am-title-align, left) !important;
}

.am-team-grid {
  display: grid;
  grid-template-columns: repeat(var(--am-desktop-columns, 3), minmax(0, 1fr));
  gap: var(--am-card-gap);
  align-items: start;
  max-width: var(--am-container-width);
  margin: 0 auto;
}

.am-team-card {
  text-align: var(--am-card-text-align, center) !important;
  outline: none;
}

.am-team-image {
  position: relative;
  width: min(100%, var(--am-image-size));
  aspect-ratio: 1 / 1;
  margin: 0 auto var(--am-image-margin-bottom);
  overflow: hidden;
  border-radius: 50%;
}

.am-team-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  transform: none;
  transition: none;
}

.am-team-hover-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: var(--am-hover-panel-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--am-hover-panel-gap);
  padding: var(--am-hover-panel-padding);
  background: var(--am-blue-dark);
  color: var(--am-white);
  transform: translateY(105%);
  opacity: 0;
  transition: transform var(--am-hover-transition) ease, opacity 0.35s ease;
  text-align: var(--am-contact-align, center) !important;
}

.am-team-card:hover .am-team-hover-panel,
.am-team-card:focus-within .am-team-hover-panel,
.am-team-card:focus .am-team-hover-panel {
  transform: translateY(0);
  opacity: 1;
}

.am-team-card:hover .am-team-image img,
.am-team-card:focus-within .am-team-image img,
.am-team-card:focus .am-team-image img {
  transform: none;
}

.am-team-contact {
  margin: 0;
  color: var(--am-white) !important;
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--am-contact-size) !important;
  line-height: var(--am-contact-line-height) !important;
  font-weight: var(--am-contact-weight) !important;
  letter-spacing: var(--am-contact-letter-spacing) !important;
  text-transform: uppercase !important;
  text-align: var(--am-contact-align, center) !important;
  width: 100%;
}

.am-team-contact a {
  color: var(--am-white) !important;
  text-decoration: none;
}

.am-team-contact a:hover {
  text-decoration: underline;
}

.am-team-linkedin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--am-linkedin-size);
  height: var(--am-linkedin-size);
  margin-top: 8px;
  color: var(--am-white) !important;
  text-decoration: none;
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--am-linkedin-font-size) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  border-radius: 50%;
  transform: none;
  opacity: 1;
  transition: none;
}

.am-team-linkedin:hover,
.am-team-linkedin:focus {
  color: var(--am-white) !important;
  text-decoration: none;
  transform: none;
  opacity: 1;
}

.am-team-name {
  margin: 0 0 var(--am-name-margin-bottom);
  color: var(--am-red) !important;
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--am-name-size) !important;
  line-height: var(--am-name-line-height) !important;
  font-weight: var(--am-name-weight) !important;
  letter-spacing: var(--am-name-letter-spacing) !important;
  text-transform: uppercase !important;
  text-align: var(--am-card-text-align, center) !important;
}

.am-team-role {
  margin: 0;
  color: var(--am-blue) !important;
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--am-role-size) !important;
  line-height: var(--am-role-line-height) !important;
  font-weight: var(--am-role-weight) !important;
  letter-spacing: var(--am-role-letter-spacing) !important;
  text-transform: uppercase !important;
  text-align: var(--am-card-text-align, center) !important;
}

@media (max-width: 1024px) {
  .am-team-section {
    --am-card-gap: var(--am-tablet-card-gap, 40px);
    --am-section-padding: var(--am-tablet-section-padding, 28px 28px 42px);
    --am-title-margin-bottom: var(--am-tablet-title-margin-bottom, 42px);
    --am-image-size: var(--am-tablet-image-size, 300px);
    --am-name-size: var(--am-tablet-name-size, 24px);
  }

  .am-team-grid {
    grid-template-columns: repeat(var(--am-tablet-columns, 3), minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .am-team-section {
    --am-section-padding: var(--am-mobile-section-padding, 24px 18px 36px);
    --am-title-margin-bottom: var(--am-mobile-title-margin-bottom, 34px);
    --am-title-size: var(--am-mobile-title-size, 28px);
    --am-card-gap: var(--am-mobile-card-gap, 48px);
    --am-image-size: var(--am-mobile-image-size, 370px);
    --am-image-margin-bottom: var(--am-mobile-image-margin-bottom, 26px);
    --am-hover-panel-height: var(--am-mobile-hover-panel-height, 58%);
    --am-hover-panel-padding: var(--am-mobile-hover-panel-padding, 22px 18px 18px);
    --am-hover-panel-gap: var(--am-mobile-hover-panel-gap, 10px);
    --am-contact-size: var(--am-mobile-contact-size, 16px);
  }

  .am-team-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .am-team-section {
    --am-image-size: var(--am-small-mobile-image-size, 330px);
    --am-name-size: var(--am-small-mobile-name-size, 24px);
    --am-name-letter-spacing: var(--am-small-mobile-name-letter-spacing, 1.6px);
    --am-role-size: var(--am-small-mobile-role-size, 15px);
  }
}

body .am-team-section, body .am-team-section * {
  font-family: var(--am-team-font-family, "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
}
body .am-team-section .am-team-name {
  font-size: var(--am-name-size) !important;
  line-height: var(--am-name-line-height) !important;
  font-weight: var(--am-name-weight) !important;
  letter-spacing: var(--am-name-letter-spacing) !important;
  text-align: var(--am-card-text-align, center) !important;
  color: var(--am-red) !important;
}
