section.heroteam {
  background: var(--primary);
}
section.heroteam h1,
section.heroteam p,
section.heroteam a {
  color: var(--secondary);
}
section.heroteam a {
  text-decoration: none;
  -webkit-transition: color var(--bezier);
  transition: color var(--bezier);
}
section.heroteam a:hover {
  color: var(--action-light);
}
section.heroteam .arrow-wrap {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
section.heroteam .position {
  font: var(--h3-font);
}
section.heroteam .follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
}
section.heroteam .follow a {
  display: inline-block;
  line-height: 0;
}
section.heroteam .follow a svg path {
  -webkit-transition: fill var(--bezier);
  transition: fill var(--bezier);
}
section.heroteam .follow a:hover svg path {
  fill: var(--action-light);
}
section.heroteam .main-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 2.5rem;
}
section.heroteam .main-col .middle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.heroteam .main-col .bottom {
  margin-top: auto;
}
@container main (min-width: 64.0625rem) {
  section.heroteam .mainarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    min-height: 100svh;
  }
  section.heroteam .mainarea > div {
    width: 100%;
  }
  section.heroteam .mainarea > div .bg-grid {
    height: 100%;
  }
  section.heroteam .mainarea > div .bg-grid .content-col > div {
    height: 100%;
  }
}
section.heroteam .bg-grid .media-col {
  overflow: hidden;
  position: relative;
}
section.heroteam .bg-grid .media-col picture,
section.heroteam .bg-grid .media-col img,
section.heroteam .bg-grid .media-col video {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
}
section.heroteam .bg-grid .media-col .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--primary);
  opacity: 0.1;
  z-index: 2;
}
@container main (min-width: 64.0625rem) {
  section.heroteam .bg-grid .top-row-mobile {
    display: none;
  }
  section.heroteam .bg-grid .media-col {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  section.heroteam .bg-grid .content-col {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    z-index: 2;
    padding-top: var(--header-height);
  }
}
@container main (max-width: 64rem) {
  section.heroteam .bg-grid .top-row-mobile {
    padding-top: var(--header-height);
    padding-bottom: 1.25rem;
    padding-inline: var(--inline-padding);
  }
  section.heroteam .bg-grid .media-col {
    aspect-ratio: 16/9;
  }
}
section.heroteam.obj-pos-default .bg-grid .media-col picture,
section.heroteam.obj-pos-default .bg-grid .media-col img,
section.heroteam.obj-pos-default .bg-grid .media-col video {
  -o-object-position: 50% 5%;
     object-position: 50% 5%;
}
section.heroteam.obj-pos-top-right .bg-grid .media-col picture,
section.heroteam.obj-pos-top-right .bg-grid .media-col img,
section.heroteam.obj-pos-top-right .bg-grid .media-col video {
  -o-object-position: 0 0;
     object-position: 0 0;
}
section.heroteam .breadcrumbs {
  color: var(--primary-70);
  font-size: 1rem;
}
section.heroteam .breadcrumbs a {
  color: inherit;
  text-decoration: none;
  color: var(--primary-70);
}
section.heroteam .breadcrumbs {
  color: var(--secondary);
}
section.heroteam .breadcrumbs a {
  color: var(--secondary);
}
@container main (max-width: 64rem) {
  section.heroteam .arrow-column {
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
section.heroteam button.scroll-arrow {
  cursor: pointer;
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
  text-align: initial;
}
section.heroteam button.scroll-arrow svg {
  height: auto;
}
@container main (min-width: 64.0625rem) {
  section.heroteam button.scroll-arrow svg {
    width: 43px;
  }
}
@container main (max-width: 64rem) {
  section.heroteam button.scroll-arrow svg {
    width: 30px;
  }
}