/* ==========================================================================
   SIATKA 4-KOLUMNOWA DLA PODOBNYCH SPECJALIZACJI
   ========================================================================== */
   .related-employees {
       padding: 4rem 0;
   }

   .related-employees__header {
       margin-bottom: 2.5rem;
   }

   .related-employees__title {
       font-size: 2.25rem;
       color: #1a1a1a;
       font-family: Georgia, serif;
       font-weight: 400;
   }

   .related-employees__grid {
       display: grid;
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 2rem;
       margin-bottom: 2rem;
   }

   @media (min-width: 668px) {
       .related-employees__grid {
           grid-template-columns: repeat(2, minmax(0, 1fr));
       }
   }

   @media (min-width: 1200px) {
       .related-employees__grid {
           grid-template-columns: repeat(4, minmax(0, 1fr));
       }
   }

   /* ==========================================================================
   KOMPONENT (BEM): EMPLOYEE-CARD
   ========================================================================== */
   .employee-card {
       border-radius: 1rem;
       overflow: hidden;
       display: flex;
       flex-direction: column;
       height: 100%;
       background-color: var(--bg);
       border: 1px solid var(--border);
       transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   .employee-card:hover {
       transform: translateY(-4px);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
   }

   /* Wrapper na obrazek zabezpieczający zaokrąglenia i skalowanie */
   .employee-card__image-wrapper {
       position: relative;
       width: 100%;
       padding-top: 75%;
       overflow: hidden;
       /* Odcina obrazek wychodzący poza ramy podczas transformacji scale */
   }

   /* Wymuszenie pełnego obszaru dla linku obrazka */
   .employee-card__image-link {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       /* height: 100%; */
       display: block;
       z-index: 1;
   }

   /* Obrazek bazowy z płynną animacją zoom */
   .employee-card__image {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }

   /* Efekt powiększenia zdjęcia po najechaniu na dowolny obszar karty */
   .employee-card:hover .employee-card__image {
       transform: scale(1.07);
   }

   /* Nakładka z gradientem liniowym (Zabezpieczenie zmiennych Tailwind) */
   .employee-card__image-wrapper::after {
       content: '';
       position: absolute;
       inset: 0;


       background-image: linear-gradient(to top, rgb(17 17 17 / 0.6), transparent, transparent);
       pointer-events: none;
       z-index: 2;
       /* Nad zdjęciem, pod etykietami */
   }

   /* Kontener pozycjonujący nałożone specjalizacje */
   .employee-card__badges {
       position: absolute;
       bottom: 1rem;
       left: 1rem;
       right: 1rem;
       display: flex;
       flex-wrap: wrap;
       gap: 8px;
       z-index: 3;
       /* Nad gradientem */
   }

   /* Pojedynczy badge ze specjalizacją (Tło zmienione na var(--bg2)) */
   .employee-card__badge {
       background-color: var(--bg2);
       padding: 0.33rem 0.75rem;
       font-size: 0.6rem;
       letter-spacing: 1px;
       font-weight: 600;
       text-transform: uppercase;
       border-radius: var(--br-10);
       display: inline-block;
   }

   .employee-card__body {
       padding: 2rem 1.5rem 1.5rem 1.5rem;
       display: flex;
       flex-direction: column;
       flex-grow: 1;
       background:var(--bg);
   }

   .employee-card__name {
       font-family: Georgia, serif;
       font-size: 1.5rem;
       line-height: 1.3;
       font-weight: 400;
       margin: 0 0 1rem 0;
   }

   .employee-card__name a {
       color: #111111;
       text-decoration: none;
       transition: color 0.2s;
       font-family: 'Playfair Display', 'Open Sans';
   }

   .employee-card__name a:hover {
       color: #0056b3;
   }

   .employee-card__excerpt {
       font-size: 0.95rem;
       color: #4a5568;
       line-height: 1.5;
       margin-bottom: 1.5rem;
   }

   .employee-card__excerpt p {
       margin: 0;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }

   .employee-card__location {
       margin-bottom: 1rem;
       margin-top:auto;
   }

   .employee-card__icon {
       display: flex;
       align-items: center;
       gap: 8px;
       margin-top: auto;
       margin: 0;
   }

   .employee-card__icon svg {
       width: 0.8rem;
       height: 0.8rem;
       color: var(--primary);
       flex-shrink: 0;
   }

   .employee-card__icon-text {
       font-size: 0.675rem;
       font-weight: 600;
       color: var(--primary);
       text-transform: uppercase;
       letter-spacing: 1px;

   }

   .employee-card__action {
       width: 100%;
   }

   .employee-card__btn {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       width: 100%;
       padding: 12px 20px;
       background-color: transparent;
       border: 1px solid var(--border);
       border-radius: 10px;
       color: var(--black);
       font-size: 0.825rem;
       font-weight: 600;
       text-decoration: none;
       text-transform: uppercase;
       letter-spacing: 1px;
       transition: background-color 0.2s, border-color 0.2s, color 0.2s;
   }

   .employee-card__btn:visited {
       color: var(--black);
   }

   .employee-card__btn:hover {
       background-color: #111111;
       border-color: #111111;
       color: #ffffff;
   }

   .employee-card__btn-arrow {
       font-size: 1.1rem;
       line-height: 1;
       transition: transform 0.2s;
   }

   .employee-card__btn:hover .employee-card__btn-arrow {
       transform: translateX(3px);
   }