/* <= 1100px: keep everything same size (best on laptops/tablets) */
@media screen and (max-width: 1100px) {
  .team.section {
    padding-block: 40px 80px;
  }

  .team.section .section-inner .team-slider {
    gap: 14px;
  }

  .team.section .section-inner .team-slider .team-card {
    --slot-w: 380px;
    --slot-h: 480px;
  }
.team-slider-viewport .slider-buttons-holder{
   display: none;
  }
  /* make all states identical to avoid crowding */
  .team.section .section-inner .team-slider .team-card.small_slide,
  .team.section .section-inner .team-slider .team-card.middle_slide,
  .team.section .section-inner .team-slider .team-card.big_slide {
    --box-w: 320px;
    --box-h: 450px;
    --photo: 200px;
    --ty: 0px;
  }

  .team.section .team-role,
  .team.section .team-name {
    font-size: 18px;
  }
.team.section .section-inner .team-slider .team-card{
    flex: 0 0 420px;
    width: 400px;
  }
}

/* <= 860px: mobile/tablet — smaller card, keep borders, hide inner border */
@media screen and (max-width: 860px) {
  .team.section {
    padding-block: 35px 70px;
  }

  .team.section .section-inner .team-slider {
    gap: 12px;
    margin-top: 30px;
  }

  .team.section .section-inner .team-slider .team-card {
    --slot-w: 340px;
    --slot-h: 460px;
  }

  .team.section .section-inner .team-slider .team-card.small_slide,
  .team.section .section-inner .team-slider .team-card.middle_slide,
  .team.section .section-inner .team-slider .team-card.big_slide {
    --box-w: 300px;
    --box-h: 430px;
    --photo: 180px;
    --ty: 0px;
  }

  .team.section .team-role,
  .team.section .team-name {
    font-size: 16px;
  }

  .team.section .section-inner .team-slider .team-card__box::after {
    display: none;
  }
  .team.section .section-inner .team-slider .team-card{
    flex: unset;
    width: unset;
  }
}

/* <= 475px: small phones */
@media screen and (max-width: 475px) {
  .team.section {
    padding-block: 30px 60px;
  }

  .team.section .section-inner .team-slider {
    gap: 10px;
  }

  .team.section .section-inner .team-slider .team-card {
    --slot-w: 320px;
    --slot-h: 440px;
  }

  .team.section .section-inner .team-slider .team-card.small_slide,
  .team.section .section-inner .team-slider .team-card.middle_slide,
  .team.section .section-inner .team-slider .team-card.big_slide {
    --box-w: 280px;
    --box-h: 410px;
    --photo: 160px;
  }

  .team.section .team-role,
  .team.section .team-name {
    font-size: 15px;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  .team.section .section-inner .team-slider .team-card__box,
  .team.section .section-inner .team-slider .team-card__box .team-photo {
    transition: none !important;
  }
}