/* ==========================================================================
   Rodzina C — karty osób, karuzela zespołu i siatka zespołu.
   Figma: komponent „zespol-karuzela” 14841:29708 (użyty w O nas i Kontakt), Zespół 14709:15601 (siatka 4 kolumny).
   Karta: ramka 1 px gold, radius 16, proporcje 276×450, plakietka gold u dołu (imię bold + stanowisko).
   ========================================================================== */

.kr-team{color:var(--kr-navy-950)}
.kr-team--carousel{background:var(--kr-gold-50);padding-block:96px 71px}
.kr-team--all{background:#fff;padding-block:112px 96px}

/* --- Karta osoby --- */
.kr-team-card{min-width:0}
.kr-team-card__link{position:relative;display:block;border-radius:var(--kr-r-l);color:inherit;text-decoration:none;transition:box-shadow .2s}
.kr-team-card__frame{position:relative;display:block;aspect-ratio:276/450;overflow:hidden;border:1px solid var(--kr-gold-400);border-radius:var(--kr-r-l);background:var(--kr-gold-50)}
body.kr .kr-team-card__img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 12%;transition:transform .5s ease}
.kr-team-card__caption{position:absolute;left:-1px;right:-1px;bottom:-1px;padding:16px 24px;background:var(--kr-c-on-gold-bg,var(--kr-gold-400));color:#fff;font-family:var(--kr-font-body);font-size:17px;line-height:24px;transition:background-color .2s}
.kr-team-card__caption strong{display:block;font-weight:700}
.kr-team-card__job{display:block;font-weight:400}
.kr-team-card__link:hover,.kr-team-card__link:focus-visible{box-shadow:var(--kr-sh-card-2)}
.kr-team-card__link:hover .kr-team-card__img,.kr-team-card__link:focus-visible .kr-team-card__img{transform:scale(1.03)}
.kr-team-card__link:hover .kr-team-card__caption,.kr-team-card__link:focus-visible .kr-team-card__caption{background:var(--kr-c-on-gold-bg-hover,var(--kr-gold-600))}
.kr-team-card__link:focus-visible{outline:3px solid var(--kr-navy-950);outline-offset:3px}

/* --- Siatka (archiwum): 4 kolumny × pionowy odstęp 24 px --- */
.kr-team__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-inline:12px}

/* --- Karuzela --- */
.kr-team__layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head nav" "track track" "more more";column-gap:24px;align-items:center;padding-inline:12px}
.kr-team__head{grid-area:head;min-width:0;min-height:150px}
body.kr .kr-team__header{padding-left:48px}
body.kr .kr-team__header .kr-title{font-size:var(--kr-h2);max-width:528px}
body.kr .kr-team__header .kr-eyebrow{font-size:16px;font-weight:400;margin-bottom:5px}
.kr-team__nav{grid-area:nav;display:flex;gap:4px;padding-right:48px}
.kr-team__arrow{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;padding:0;border:0;border-radius:25px;background:var(--kr-navy-950);color:#fff;cursor:pointer;transition:background-color .2s,opacity .2s}
.kr-team__arrow:hover,.kr-team__arrow:focus-visible{background:var(--kr-gold-600)}
.kr-team__arrow:focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:3px}
.kr-team__arrow:disabled{opacity:.35;cursor:default;background:var(--kr-navy-950)}
.kr-team__track{grid-area:track;display:flex;gap:0;margin:43px -18px -6px -6px;padding:6px 18px 6px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kr-team__track::-webkit-scrollbar{display:none}
.kr-team__track>.kr-team-card{flex:0 0 calc((100% + 24px) / 4);padding:0 12px 24px;scroll-snap-align:start}
.kr-team__more{grid-area:more;margin-top:48px;padding-left:48px}

@media (max-width:1199.98px){
  .kr-team__track>.kr-team-card{flex-basis:calc((100% + 24px) / 3)}
  .kr-team__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991.98px){
  .kr-team--carousel{padding-block:48px 70px}
  .kr-team--all{padding-block:64px 48px}
  body.kr .kr-team__header{padding-left:0}
  .kr-team__nav{padding-right:0}
  .kr-team__more{padding-left:0}
  body.kr .kr-team__header .kr-title{font-size:24px;line-height:1.2;letter-spacing:-.02em;max-width:none}
  .kr-team__head{min-height:92px}
  body.kr .kr-team__header .kr-title{margin-top:14px;margin-bottom:-.4px}
  body.kr .kr-team__header .kr-eyebrow{margin-bottom:0}
}
@media (max-width:767.98px){
  .kr-team__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "track" "nav" "more";padding-inline:0}
  .kr-team__nav{justify-content:center;margin-top:48px;padding-right:0}
  .kr-team__more{margin-top:49px;display:flex;justify-content:center}
  /* Figma mobile: strona = 4 karty 276×450 jedna pod drugą (krok 474 px); bez JS widoczne wszystkie osoby */
  .kr-team__track{display:flex;flex-direction:column;align-items:center;gap:0;overflow:visible;scroll-snap-type:none;margin:48px 0 0;padding:0}
  .kr-team__track>.kr-team-card{flex:0 0 auto;width:276px;max-width:100%;padding:0 0 24px;scroll-snap-align:none}
  .kr-team__track>.kr-team-card[hidden]{display:none}
  .kr-team__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-inline:0}
}
@media (max-width:575.98px){
  .kr-team__grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .kr-team--all .kr-team-card__frame{aspect-ratio:351/450}
}
@media (prefers-reduced-motion:reduce){
  .kr-team__track{scroll-behavior:auto}
  .kr-team-card__img,.kr-team-card__link,.kr-team-card__caption{transition:none}
  .kr-team-card__link:hover .kr-team-card__img,.kr-team-card__link:focus-visible .kr-team-card__img{transform:none}
}

/* Komunikat aria-live (widoczny tylko dla czytników) */
.kr-team__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.kr-team__nav[hidden]{display:none}
body.kr .kr-team__header .kr-eyebrow{position:relative;top:1px}
@media (max-width:767.98px){body.kr .kr-team__more .kr-c-btn--navy{padding:10px 35px}}