/* =========================================================

   POLACY NA DOMINIKANIE

   O NAS — MODERN EDITORIAL 2026

   ========================================================= */



.pnd-about-modern,

.pnd-about-modern * {

  box-sizing: border-box !important;

}



.pnd-about-modern {

  width: calc(100vw - 20px) !important;

  max-width: calc(100vw - 20px) !important;



  margin-left: calc(50% - 50vw + 10px) !important;

  margin-right: 0 !important;



  background: #faf9f6;



  color: #25383f;



  font-family:

    Inter,

    "Segoe UI",

    Arial,

    sans-serif;



  overflow: hidden;

}





/* =========================================================

   SHELL

   ========================================================= */



.pnd-about-shell {

  width: 100%;

  max-width: 1320px;



  margin: 0 auto;



  padding-left: 34px;

  padding-right: 34px;

}





/* =========================================================

   WSPÓLNE

   ========================================================= */



.pnd-about-eyebrow {

  display: inline-flex;

  align-items: center;



  gap: 10px;



  color: #587b8b;



  font-size: 11px;

  font-weight: 850;



  line-height: 1;



  letter-spacing: 1.6px;



  text-transform: uppercase;

}



.pnd-about-eyebrow::before {

  content: "";



  width: 26px;

  height: 2px;



  background: #cf7959;



  border-radius: 999px;

}





/* =========================================================

   01. INTRO / HERO

   ========================================================= */



.pnd-about-intro {

  padding: 74px 0 66px;



  background:

    linear-gradient(

      120deg,

      #edf7fb 0%,

      #f8faf8 54%,

      #fff8ed 100%

    );

}



.pnd-about-intro-grid {

  display: grid;



  grid-template-columns:

    minmax(0, .9fr)

    minmax(0, 1.1fr);



  gap: 70px;



  align-items: end;

}



.pnd-about-intro-left {

  max-width: 580px;

}



.pnd-about-intro h1 {

  margin: 14px 0 0 !important;



  color: #243b45 !important;



  font-size:

    clamp(

      44px,

      5.2vw,

      72px

    ) !important;



  font-weight: 810 !important;



  line-height: .97 !important;



  letter-spacing: -2.3px !important;

}



.pnd-about-intro h1 span {

  color: #ca7758 !important;

}



.pnd-about-intro-right {

  max-width: 650px;



  padding-bottom: 4px;

}



.pnd-about-lead {

  margin: 0 !important;



  color: #556b75 !important;



  font-size:

    clamp(

      18px,

      2vw,

      23px

    ) !important;



  font-weight: 540 !important;



  line-height: 1.55 !important;

}



.pnd-about-sub {

  max-width: 590px;



  margin: 18px 0 0 !important;



  color: #748087 !important;



  font-size: 14.5px !important;



  line-height: 1.65 !important;

}



.pnd-about-actions {

  display: flex;

  flex-wrap: wrap;



  gap: 10px;



  margin-top: 24px;

}



.pnd-about-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;



  min-height: 48px;



  padding: 13px 21px;



  border-radius: 8px;



  text-decoration: none !important;



  font-size: 13px;

  font-weight: 800;



  line-height: 1;



  transition:

    transform .18s ease,

    background .18s ease;

}



.pnd-about-btn-main {

  background: #5e96af;



  color: #ffffff !important;

}



.pnd-about-btn-main:hover {

  background: #4e859e;



  color: #ffffff !important;



  transform: translateY(-2px);

}



.pnd-about-btn-light {

  background: rgba(255,255,255,.68);



  color: #365968 !important;



  border: 1px solid #c9dde6;

}



.pnd-about-btn-light:hover {

  background: #ffffff;



  color: #365968 !important;



  transform: translateY(-2px);

}





/* =========================================================

   02. TRUST STRIP

   ========================================================= */



.pnd-about-trust {

  background: #ffffff;



  border-top: 1px solid #e2e8e7;

  border-bottom: 1px solid #e2e8e7;

}



.pnd-about-trust-grid {

  display: grid;



  grid-template-columns:

    repeat(4, minmax(0, 1fr));

}



.pnd-about-trust-item {

  min-height: 158px;



  padding: 28px 25px;

}



.pnd-about-trust-item + .pnd-about-trust-item {

  border-left: 1px solid #e3e8e7;

}



.pnd-about-trust-number {

  color: #9ab5c0;



  font-size: 10px;

  font-weight: 850;



  letter-spacing: 1px;

}



.pnd-about-trust-item h3 {

  margin: 11px 0 7px !important;



  color: #283d46 !important;



  font-size: 18px !important;



  font-weight: 780 !important;



  line-height: 1.15 !important;

}



.pnd-about-trust-item p {

  margin: 0 !important;



  color: #6b7a80 !important;



  font-size: 13px !important;



  line-height: 1.5 !important;

}





/* =========================================================

   03. HISTORIA / PODEJŚCIE

   ========================================================= */



.pnd-about-story {

  padding: 80px 0;



  background: #f9faf8;

}



.pnd-about-story-grid {

  display: grid;



  grid-template-columns:

    minmax(0, .78fr)

    minmax(0, 1.22fr);



  gap: 74px;



  align-items: start;

}



.pnd-about-story-left {

  position: sticky;



  top: 30px;

}



.pnd-about-story-left h2 {

  margin: 13px 0 0 !important;



  color: #263c45 !important;



  font-size:

    clamp(

      37px,

      4.2vw,

      57px

    ) !important;



  font-weight: 800 !important;



  line-height: 1 !important;



  letter-spacing: -1.7px !important;

}



.pnd-about-story-left h2 span {

  color: #cf7959 !important;

}





/* =========================================================

   PRAWA STRONA — DUŻE LINIE

   ========================================================= */



.pnd-about-lines {

  border-top: 1px solid #d3dedd;

}



.pnd-about-line {

  display: grid;



  grid-template-columns:

    48px

    minmax(180px, .75fr)

    minmax(0, 1.25fr);



  gap: 24px;



  align-items: start;



  padding: 24px 0;



  border-bottom: 1px solid #d3dedd;

}



.pnd-about-line-number {

  color: #cb7759;



  font-size: 12px;

  font-weight: 850;



  letter-spacing: .8px;

}



.pnd-about-line h3 {

  margin: 0 !important;



  color: #293e47 !important;



  font-size: 19px !important;



  font-weight: 770 !important;



  line-height: 1.18 !important;

}



.pnd-about-line p {

  margin: 0 !important;



  color: #697a81 !important;



  font-size: 13.5px !important;



  line-height: 1.55 !important;

}





/* =========================================================

   04. REGIONY / LOKALNIE

   ========================================================= */



.pnd-about-local {

  padding: 70px 0;



  background: #eaf4f8;

}



.pnd-about-local-grid {

  display: grid;



  grid-template-columns:

    minmax(0, 1fr)

    minmax(0, 1fr);



  gap: 60px;



  align-items: center;

}



.pnd-about-local-copy h2 {

  margin: 12px 0 0 !important;



  color: #263d47 !important;



  font-size:

    clamp(

      34px,

      3.8vw,

      52px

    ) !important;



  font-weight: 800 !important;



  line-height: 1 !important;



  letter-spacing: -1.4px !important;

}



.pnd-about-local-copy p {

  max-width: 560px;



  margin: 17px 0 0 !important;



  color: #647983 !important;



  font-size: 14.5px !important;



  line-height: 1.65 !important;

}



.pnd-about-regions {

  display: grid;



  grid-template-columns:

    repeat(2, minmax(0, 1fr));



  border-top: 1px solid #bfd2da;

  border-left: 1px solid #bfd2da;

}



.pnd-about-region {

  padding: 18px 20px;



  border-right: 1px solid #bfd2da;

  border-bottom: 1px solid #bfd2da;



  color: #365a6b;



  font-size: 14px;



  font-weight: 750;



  line-height: 1.25;

}





/* =========================================================

   05. KRÓTKIE PODSUMOWANIE

   ========================================================= */



.pnd-about-summary {

  padding: 72px 0;



  background: #fffdf9;

}



.pnd-about-summary-grid {

  display: grid;



  grid-template-columns:

    minmax(0, .95fr)

    minmax(0, 1.05fr);



  gap: 64px;



  align-items: center;

}



.pnd-about-summary-big {

  color: #283d45;



  font-size:

    clamp(

      32px,

      3.8vw,

      50px

    );



  font-weight: 790;



  line-height: 1.05;



  letter-spacing: -1.3px;

}



.pnd-about-summary-big span {

  color: #cd7859;

}



.pnd-about-summary-text {

  border-left: 3px solid #7eacc0;



  padding-left: 24px;

}



.pnd-about-summary-text p {

  margin: 0 !important;



  color: #66777e !important;



  font-size: 15px !important;



  line-height: 1.7 !important;

}





/* =========================================================

   06. FINAL CTA

   ========================================================= */



.pnd-about-final {

  padding: 0 0 12px;



  background: #fffdf9;

}



.pnd-about-final-inner {

  display: grid;



  grid-template-columns:

    minmax(0, 1fr)

    auto;



  gap: 40px;



  align-items: center;



  padding: 42px 48px;



  background: #273c45;

}



.pnd-about-final-label {

  color: #a8cbd9;



  font-size: 10px;

  font-weight: 800;



  letter-spacing: 1.5px;



  text-transform: uppercase;

}



.pnd-about-final h2 {

  max-width: 760px;



  margin: 9px 0 0 !important;



  color: #ffffff !important;



  font-size:

    clamp(

      29px,

      3.4vw,

      43px

    ) !important;



  font-weight: 770 !important;



  line-height: 1.05 !important;



  letter-spacing: -1px !important;

}



.pnd-about-final-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;



  min-height: 50px;



  padding: 14px 21px;



  border-radius: 7px;



  background: #f1c75e;



  color: #293a40 !important;



  text-decoration: none !important;



  font-size: 13px;



  font-weight: 850;



  white-space: nowrap;



  transition:

    background .18s ease,

    transform .18s ease;

}



.pnd-about-final-btn:hover {

  background: #f7d372;



  color: #293a40 !important;



  transform: translateY(-2px);

}





/* =========================================================

   TABLET

   ========================================================= */



@media (max-width: 980px) {



  .pnd-about-shell {

    padding-left: 26px;

    padding-right: 26px;

  }



  .pnd-about-intro-grid,

  .pnd-about-story-grid,

  .pnd-about-local-grid,

  .pnd-about-summary-grid {

    grid-template-columns: 1fr;

  }



  .pnd-about-intro-grid {

    gap: 34px;

  }



  .pnd-about-story-grid,

  .pnd-about-local-grid,

  .pnd-about-summary-grid {

    gap: 30px;

  }



  .pnd-about-story-left {

    position: relative;



    top: auto;

  }



  .pnd-about-trust-grid {

    grid-template-columns:

      repeat(2, minmax(0, 1fr));

  }



  .pnd-about-trust-item:nth-child(3) {

    border-left: 0;



    border-top: 1px solid #e3e8e7;

  }



  .pnd-about-trust-item:nth-child(4) {

    border-top: 1px solid #e3e8e7;

  }



}





/* =========================================================

   MOBILE

   ========================================================= */



@media (max-width: 700px) {



  .pnd-about-modern {

    width: 100% !important;

    max-width: 100% !important;



    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .pnd-about-shell {

    padding-left: 20px;

    padding-right: 20px;

  }





  /* INTRO */



  .pnd-about-intro {

    padding: 46px 0 42px;

  }



  .pnd-about-intro h1 {

    font-size:

      clamp(

        34px,

        9vw,

        44px

      ) !important;



    line-height: 1 !important;



    letter-spacing: -1.1px !important;

  }



  .pnd-about-lead {

    font-size: 16px !important;



    line-height: 1.5 !important;

  }



  .pnd-about-sub {

    font-size: 13.5px !important;

  }



  .pnd-about-actions {

    margin-top: 20px;

  }



  .pnd-about-btn {

    width: 100%;

  }





  /* TRUST */



  .pnd-about-trust-grid {

    grid-template-columns: 1fr;

  }



  .pnd-about-trust-item {

    min-height: auto;



    padding: 21px 20px;

  }



  .pnd-about-trust-item + .pnd-about-trust-item {

    border-left: 0;



    border-top: 1px solid #e3e8e7;

  }



  .pnd-about-trust-item h3 {

    font-size: 17px !important;

  }





  /* STORY */



  .pnd-about-story {

    padding: 52px 0;

  }



  .pnd-about-story-left h2 {

    font-size:

      clamp(

        31px,

        8vw,

        40px

      ) !important;

  }



  .pnd-about-line {

    grid-template-columns:

      38px

      minmax(0, 1fr);



    gap: 8px 13px;



    padding: 18px 0;

  }



  .pnd-about-line p {

    grid-column: 2;



    font-size: 13px !important;

  }





  /* LOCAL */



  .pnd-about-local {

    padding: 52px 0;

  }



  .pnd-about-local-copy h2 {

    font-size:

      clamp(

        31px,

        8vw,

        40px

      ) !important;

  }



  .pnd-about-regions {

    grid-template-columns: 1fr;

  }





  /* SUMMARY */



  .pnd-about-summary {

    padding: 52px 0;

  }



  .pnd-about-summary-big {

    font-size:

      clamp(

        29px,

        7.5vw,

        37px

      );

  }





  /* FINAL */



  .pnd-about-final-inner {

    grid-template-columns: 1fr;



    gap: 23px;



    padding: 30px 20px;

  }



  .pnd-about-final h2 {

    font-size:

      clamp(

        28px,

        7.5vw,

        36px

      ) !important;

  }



  .pnd-about-final-btn {

    width: 100%;

  }



}





/* =========================================================

   SMALL MOBILE

   ========================================================= */



@media (max-width: 480px) {



  .pnd-about-shell {

    padding-left: 16px;

    padding-right: 16px;

  }



}