/* ==================================
   POLSTEAM – PROFILE (LIGHT, bez tła)
   Czysta narracja + lista pod spodem
   WCAG 2.2 + reduced-motion
   ================================== */

.ps-profile{
  --ps-prof-text:#171718;
  --ps-prof-muted:rgba(23,23,24,.76);
  --ps-prof-line:rgba(0,0,0,.12);

  color:var(--ps-prof-text);
  padding:110px 40px;
}

/* HEADER */
.ps-profile__header{
  max-width:1400px;
  margin:0 auto 44px;

  opacity:0;
  transform:translateY(18px);
  transition:opacity .95s ease, transform .95s ease;
  will-change:opacity,transform;
}
.ps-profile__header.is-visible{
  opacity:1;
  transform:translateY(0);
}

.ps-profile__title{
  margin:0 0 14px;
  font-family: "Teko", sans-serif;
  line-height:0.95;
  letter-spacing:.5px;
  font-size:clamp(48px, 6vw, 92px);
}

/* pierwsze słowo czerwone */
.ps-profile__title-strong{
  font-weight:500;
  color:#dd291b;
}
.ps-profile__title-light{
  font-weight:400;
  opacity:.88;
  color:var(--ps-prof-text);
}

.ps-profile__lead{
  margin:0;
  max-width:940px;
  font-family: "Poppins", sans-serif;
  font-size:17px;            /* było 16px */
  line-height:1.95;          /* lekko bardziej “lead” */
  color:rgba(23,23,24,.82);  /* minimalnie mocniej */
  font-weight:300;
}

/* LAYOUT */
.ps-profile__inner{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
}

.ps-profile__col{ min-width:0; }

/* PARAGRAFY */
.ps-profile__block{
  margin:0 0 22px;

  opacity:0;
  transform:translateY(26px);
  transition:opacity .95s ease, transform .95s ease;
  will-change:opacity,transform;
}
.ps-profile__block.is-visible{
  opacity:1;
  transform:translateY(0);
}

.ps-profile__block p{
  margin:0;
  font-family: "Poppins", sans-serif; /* wymuszenie */
  font-weight:300;
  font-size: 14px;
  line-height: 1.75;
  color:var(--ps-prof-muted);
}

/* LISTA – STRZAŁKI + Teko */
.ps-profile__list{
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

/* element listy */
.ps-profile__li{
  position:relative;
  padding:18px 0 18px 36px;

  /* separator krótszy – robimy pseudo-elementem, a border wyłączamy */
  border-bottom:none;

  font-family: "Teko", sans-serif;   /* ✅ punkty w Teko */
  font-size:26px;
  line-height:1.05;
  letter-spacing:.2px;
  color:var(--ps-prof-text);

  opacity:0;
  transform:translateY(26px);
  transition:
    opacity .95s ease,
    transform .95s ease,
    color .26s ease,
    padding-left .26s ease;
  will-change:opacity,transform;
}

.ps-profile__li.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* separator – krótszy */
.ps-profile__li::after{
  content:"";
  position:absolute;
  left:36px;
  right:auto;
  bottom:0;
  width:min(52%, 520px);  /* ~połowa, z limitem */
  height:1px;
  background:var(--ps-prof-line);
}

.ps-profile__li:last-child::after{ display:none; }

/* STRZAŁKA */
.ps-profile__li::before{
  content:"→";
  position:absolute;
  left:0;
  top:18px;

  font-size:18px;
  font-weight:600;
  color:var(--polsteam-primary);

  transition:
    color .26s ease,
    transform .26s ease;
}

/* HOVER – bez blur, robimy “wcięcie” (przesunięcie w prawo) */
.ps-profile__li:hover{
  color:var(--polsteam-red);
  padding-left:44px; /* “wcięcie” */
}

.ps-profile__li:hover::before{
  color:var(--polsteam-red);
  transform:translateX(8px);
}

/* “dziura” pod listą przed kolejnym zdaniem */
.ps-profile__list + .ps-profile__note{
  margin-top:18px; /* dodatkowa przerwa */
}

/* NOTE (opcjonalne zdanie pod listą) */
.ps-profile__note{
  margin:20px 0 0; /* lekka przerwa od listy */
  font-family: "Poppins", sans-serif;
  font-size:13px;
  line-height:1.7;
  color:rgba(23,23,24,.66);

  opacity:0;
  transform:translateY(18px);
  transition:opacity .85s ease, transform .85s ease;
  will-change:opacity,transform;
}
.ps-profile__note.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* RESPONSIVE */
@media (max-width:980px){
  .ps-profile{ padding:84px 18px; }

  .ps-profile__li{
    font-size:24px;
  }
  .ps-profile__li::after{
    width:min(64%, 520px); /* na mobile może być ciut dłużej */
  }
}

/* WCAG – REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }

  .ps-profile__header,
  .ps-profile__block,
  .ps-profile__li,
  .ps-profile__note{
    opacity:1 !important;
    transform:none !important;
  }
}