/* TEAM PAGE — readable long bios + mobile optimization */

/* Long bio overlays must remain fully readable */
.team-photo,
.fund-ic-card .team-photo{
  position:relative!important;
  overflow:hidden!important;
}
.team-bio-overlay{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.45) transparent!important;
  padding-right:18px!important;
}
.team-bio-overlay::-webkit-scrollbar{width:7px!important}
.team-bio-overlay::-webkit-scrollbar-track{background:transparent!important}
.team-bio-overlay::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.42)!important;
  border-radius:999px!important;
}
.team-bio-overlay p:last-child{
  padding-bottom:24px!important;
}

/* Make the scroll affordance obvious on cards with bios */
.team-photo.has-photo::after{
  content:"SCROLL TO READ";
  position:absolute;
  right:16px;
  bottom:14px;
  z-index:8;
  font:600 var(--type-label)/1.4 var(--font-ui);
  letter-spacing:var(--tracking-label);
  color:rgba(255,255,255,.72);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.team-photo.has-photo:hover::after,
.team-photo.has-photo:focus-within::after{
  opacity:1;
}

/* Tablet */
@media(max-width:1000px){
  .fund-team-intro{
    grid-template-columns:1fr!important;
    gap:24px!important;
    margin-bottom:34px!important;
  }
  .fund-team-intro h2{
    font-size:var(--type-section);
  }
  .fund-team-intro p{
    max-width:720px!important;
    font-size:var(--type-body);
  }
  .fund-ic-grid,
  .diligence-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* Mobile */
@media(max-width:680px){
  .fund-team-section,
  .diligence-section{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }

  .fund-team-intro{
    gap:18px!important;
    margin-bottom:26px!important;
  }

  .fund-team-intro h2{
    font-size:var(--type-section);
    line-height:var(--leading-heading);
  }

  .fund-team-intro p{
    font-size:var(--type-body);
    line-height:var(--leading-body);
  }

  .fund-ic-grid,
  .diligence-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .fund-ic-card,
  .diligence-card{
    border-radius:18px!important;
  }

  .fund-ic-card .team-photo,
  .diligence-photo{
    aspect-ratio:4/5!important;
    min-height:0!important;
  }

  .fund-committee-info,
  .diligence-info{
    padding:18px 18px 20px!important;
  }

  .fund-committee-info h3,
  .diligence-info h3{
    font-size:var(--type-intro);
  }

  /* On touch devices, let the overlay occupy the card and scroll independently */
  .team-bio-overlay{
    inset:0!important;
    padding:24px 22px 54px!important;
    max-height:100%!important;
    overflow-y:auto!important;
  }

  .fund-ic-card .team-bio-overlay p:last-child{
    font-size:var(--type-small);
    line-height:var(--leading-body);
  }

  .team-bio-hint{
    font-size:var(--type-label);
  }

  .team-photo.has-photo::after{
    right:14px!important;
    bottom:12px!important;
    opacity:.9!important;
  }
}

/* Very small phones */
@media(max-width:430px){
  .fund-team-section .container,
  .diligence-section .container{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .fund-team-intro h2{
    font-size:var(--type-subheading);
  }

  .fund-ic-card .team-photo,
  .diligence-photo{
    aspect-ratio:3/4!important;
  }

  .team-bio-overlay{
    padding:20px 18px 52px!important;
  }

  .team-bio-overlay .eyebrow{
    margin-bottom:12px!important;
  }
}