/* Premium individual team profiles */
.biox {
  --bio-navy: #071d2b;
  --bio-navy-2: #0b2c3d;
  --bio-teal: #2f9e94;
  --bio-teal-light: #4db6ac;
  --bio-mint: #e8f5f1;
  --bio-cream: #f7f4ed;
  --bio-white: #fff;
  --bio-ink: #17323e;
  --bio-muted: #61747c;
  --bio-line: #dce7e9;
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 100px;
  color: var(--bio-ink);
}

.biox *,
.biox *::before,
.biox *::after {
  box-sizing: border-box;
}

.biox h1,
.biox h2,
.biox h3,
.biox p {
  margin-top: 0;
}

.biox h1,
.biox h2,
.biox h3 {
  color: var(--bio-navy);
  letter-spacing: -.035em;
  text-transform: none !important;
}

.biox-hero {
  margin: 0 0 54px;
  padding: 62px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 84% 12%, rgba(77, 182, 172, .23), transparent 28%),
    linear-gradient(135deg, var(--bio-navy), var(--bio-navy-2));
  box-shadow: 0 28px 74px rgba(7, 29, 43, .16);
}

.biox-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 58px;
  align-items: center;
}

.biox-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 22px;
  padding: 7px 13px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #bde9e1;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.biox h1 {
  max-width: 12ch;
  margin-bottom: 20px;
  color: var(--bio-white);
  font-size: clamp(3rem, 5vw, 5rem);
  line-height: .98;
}

.biox-lead {
  max-width: 650px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 1.08rem;
  line-height: 1.75;
}

.biox-card {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 26px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 22px 54px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

.biox-initial,
.biox-photo {
  display: flex;
  min-height: 360px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #dff3ef, #f7fbfa);
}

.biox-initial span {
  color: var(--bio-teal);
  font-size: clamp(4rem, 8vw, 6rem);
  font-weight: 900;
  letter-spacing: -.06em;
}

.biox-photo img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: contain;
  object-position: center top;
}

.biox-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.biox-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--bio-teal-light);
  color: var(--bio-navy) !important;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(77, 182, 172, .2);
}

.biox-btn.dark {
  border: 1px solid rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .06);
  color: var(--bio-white) !important;
  box-shadow: none;
}

.biox-section {
  padding: 46px 0;
}

.biox-section + .biox-section {
  border-top: 1px solid var(--bio-line);
}

.biox h2 {
  margin-bottom: 18px;
  font-size: clamp(2rem, 3.8vw, 3.4rem);
  line-height: 1.05;
}

.biox h3 {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.biox-text {
  max-width: 820px;
  margin-bottom: 0;
  color: var(--bio-muted);
  font-size: 1rem;
  line-height: 1.78;
}

.biox-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.biox-tags span {
  padding: 8px 12px;
  border: 1px solid #d7ebe6;
  border-radius: 999px;
  background: var(--bio-mint);
  color: #356a65;
  font-size: .82rem;
  font-weight: 700;
}

.biox-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.biox-box {
  padding: 28px;
  border: 1px solid var(--bio-line);
  border-radius: 20px;
  background: var(--bio-white);
  box-shadow: 0 14px 38px rgba(7, 29, 43, .06);
}

.biox-band {
  margin: 44px 0 0;
  padding: 44px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 12%, rgba(77, 182, 172, .2), transparent 28%),
    var(--bio-navy);
  color: var(--bio-white);
}

.biox-band h2,
.biox-band p {
  color: var(--bio-white);
}

.biox-band .biox-text {
  color: rgba(255, 255, 255, .72);
}

.biox-band .biox-btn {
  margin-top: 24px;
}

@media (max-width: 900px) {
  .biox-hero {
    padding: 46px 34px;
  }

  .biox-grid,
  .biox-cols {
    grid-template-columns: 1fr;
  }

  .biox-card {
    max-width: 600px;
  }
}

@media (max-width: 620px) {
  .biox {
    width: min(100% - 28px, 1160px);
    padding: 42px 0 82px;
  }

  .biox-hero,
  .biox-band {
    padding: 28px 22px;
    border-radius: 22px;
  }

  .biox h1 {
    max-width: none;
    font-size: clamp(2.7rem, 12vw, 3.8rem);
  }

  .biox-btns {
    display: grid;
  }

  .biox-btn {
    width: 100%;
  }

  .biox-initial,
  .biox-photo,
  .biox-photo img {
    min-height: 300px;
  }

  .biox-box {
    padding: 24px;
  }
}