.elementor-255 .elementor-element.elementor-element-b9d1c85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-255 .elementor-element.elementor-element-260cb3c5{--display:flex;}.elementor-255 .elementor-element.elementor-element-4f182ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for text-editor, class: .elementor-element-5ac69320 *//* Scoped styles to avoid site-wide overrides */
    .team-section {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      box-sizing: border-box;
    }
    .team-flipgrid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 30px;
      align-items: start;
    }
    .team-flip {
      perspective: 1000px;
      outline: none;
    }
    .team-flip-inner {
      position: relative;
      width: 100%;
      padding-top: 100%; /* keeps a square aspect ratio */
      transition: transform 0.7s;
      transform-style: preserve-3d;
      border-radius: 15px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.18);
      overflow: visible;
    }
    /* Flip trigger: hover and keyboard focus */
    .team-flip:hover .team-flip-inner,
    .team-flip:focus-within .team-flip-inner {
      transform: rotateY(180deg);
    }
    .team-flip-front,
    .team-flip-back {
      position: absolute;
      inset: 0;
      border-radius: 15px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      overflow: hidden;
    }
    .team-flip-front img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 15px;
    }
    .team-flip-back {
      background: #48086f;
      color: #fff;
      transform: rotateY(180deg);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 18px;
      box-sizing: border-box;
      text-align: center;
    }
    /* Names in white, roles in yellow */
    .team-flip-back h3 {
      margin: 0;
      font-size: 1.05rem;
      letter-spacing: 0.6px;
      color: #ffffff;
    }
    .team-flip-back p {
      margin: 8px 0 0;
      font-size: 0.98rem;
      color: #ebab00;
    }
    @media (max-width: 480px) {
      .team-section { padding: 20px 12px; }
      .team-flip-inner { transition-duration: .55s; }
    }
    @media (prefers-reduced-motion: reduce) {
      .team-flip-inner { transition: none; transform: none !important; }
      .team-flip-front, .team-flip-back { transform: none !important; position: static; padding: 10px; }
      .team-flip-front img { height: auto; object-fit: contain; }
      .team-flip { perspective: none; }
    }/* End custom CSS */