:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.team-grid {
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px 24px;
}
p + .team-grid, h2 + .team-grid, h3 + .team-grid, h4 + .team-grid, h5 + .team-grid, h6 + .team-grid {
  margin-top: 3rem;
}
.team-grid + .team-grid {
  margin-top: 3rem;
}
div + .team-grid {
  margin-top: 4rem;
}
.team-grid.team-fade .team-head:not(.open) .team-name,
.team-grid.team-fade .team-head:not(.open) .meta {
  opacity: 0.75;
}
.team-grid .team-head {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 6px;
  font: inherit;
  text-align: left;
  background: transparent;
  margin: 0;
  position: relative;
  cursor: pointer;
  line-height: 0;
}
.team-grid .team-head:focus {
  outline: 0;
}
.team-grid .team-head:focus-visible {
  outline: 2px solid #FF4D2D;
  outline-offset: 5px;
}
.team-grid .team-head img {
  width: 100%;
  height: 100%;
  aspect-ratio: 9/9.6;
  object-fit: cover;
  border-radius: 6px;
}
.team-grid .team-head .profile {
  display: block;
  width: 100%;
}
.team-grid .team-head .team-details {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
  transition: background 0.45s ease-in-out;
}
.team-grid .team-head .team-details .title {
  width: 100%;
}
.team-grid .team-head .team-details .team-name {
  display: block;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--font-24);
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
  color: #0A0A0A;
  transition: opacity 0.45s ease-in-out;
}
.team-grid .team-head .team-details .team-name:after {
  content: "";
  display: block;
  width: 6rem;
  height: 2px;
  margin: 1.2rem 0 1.4rem 0;
  background: #FF4D2D;
  transition: background 0.45s ease-in-out;
}
.team-grid .team-head .team-details .meta {
  display: block;
  font-size: var(--wp--preset--font-size--font-15);
  font-weight: 500;
  line-height: 1.45;
  text-transform: uppercase;
  margin: 0 !important;
  color: #104161;
  transition: color 0.45s ease-in-out, opacity 0.45s ease-in-out;
}
.team-grid .team-head.open .team-details .team-name:after, .team-grid .team-head:hover .team-details .team-name:after {
  background: #104161;
}
.team-grid .team-head.open:after {
  transform: rotate(90deg);
}
.team-grid .team-bio {
  display: none;
  grid-column: 1/-1;
  width: 100%;
  overflow: hidden;
  will-change: height, opacity;
}
.team-grid .team-bio .inner {
  display: grid;
  gap: 2rem;
  background: rgba(16, 65, 97, 0.08);
  margin: 10px 0 var(--wp--preset--spacing--normal) 0;
  padding: var(--wp--preset--spacing--small);
  border-radius: 6px;
  opacity: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .team-grid .team-bio .inner {
    padding: var(--wp--preset--spacing--m);
  }
}
.team-grid .team-bio .wp-block-columns {
  margin: 0;
}
.team-grid .team-bio .wp-block-column:nth-child(2) {
  padding: var(--wp--preset--spacing--small);
  border-radius: 5px;
}
.team-grid .team-bio h3 {
  font-weight: 400;
  margin-bottom: 1ch;
}
.team-grid .team-bio p:last-of-type {
  margin: 0;
}
.team-grid .team-bio__details {
  display: block;
}
.team-grid .team-bio__details h3 {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--font-24);
  font-weight: 500;
  margin: 0;
  color: #0A0A0A;
  transition: opacity 0.45s ease-in-out;
}
.team-grid .team-bio__details h3:after {
  content: "";
  display: block;
  width: 6rem;
  height: 2px;
  margin: 1.2rem 0 1.4rem 0;
  background: #FF4D2D;
  transition: background 0.45s ease-in-out;
}
.team-grid .team-bio__details p {
  font-size: var(--wp--preset--font-size--font-15);
  margin-top: 0 !important;
}
.team-grid .team-bio__details p.position {
  font-weight: 500;
  text-transform: uppercase;
  color: #104161;
}
.team-grid .team-bio__details .team-bio__linkedin {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 1.25rem;
  color: #104161;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-16);
  font-weight: 500;
  text-decoration: none;
}
.team-grid .team-bio__details .team-bio__linkedin::after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  background: currentColor;
  clip-path: polygon(0 45%, 65% 45%, 40% 20%, 48% 12%, 88% 52%, 48% 92%, 40% 84%, 65% 59%, 0 59%);
  transition: transform 0.45s ease-in-out;
}
.team-grid .team-bio__details .team-bio__linkedin:hover, .team-grid .team-bio__details .team-bio__linkedin:focus-visible {
  color: #FF4D2D;
}
.team-grid .team-bio__details .team-bio__linkedin:hover::after, .team-grid .team-bio__details .team-bio__linkedin:focus-visible::after {
  transform: translateX(0.2rem);
}
.team-grid .team-bio.active-tab {
  display: block;
  grid-row: var(--team-bio-row);
}
.team-grid .team-bio.active-tab .inner {
  opacity: 1;
}
@media (min-width: 900px) {
  .team-grid .team-bio .inner {
    display: grid;
    grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
    gap: 3rem;
  }
  .team-grid .team-bio__details {
    width: auto;
  }
  .team-grid .team-bio__content {
    width: auto;
  }
}

@media (min-width: 600px) {
  .team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px 40px;
  }
  .team-grid .team-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .team-grid .team-bio .inner {
    margin-top: 0;
  }
}
@media (max-width: 699px) {
  .acc-panel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 900px) {
  .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}