/* ===== O NAS ===== */
body.about-page .about-hero{

  min-height:430px;

  position:relative;

  display:flex;

  align-items:center;

  overflow:hidden;

  color:#fff;

  background:
    linear-gradient(
      105deg,
      rgba(128,128,128,.88) 0%,
      rgba(128,128,128,.70) 34%,
      rgba(128,128,128,.36) 62%,
      rgba(128,128,128,.10) 100%
    ),
    url("img/onas-budynek-dzien.jpg") center center/cover no-repeat;
}

body.about-page .about-hero::after{

  display:none;
}

body.about-page .about-hero-inner{

  width:min(1120px,calc(100% - 36px));

  margin-left:auto;

  margin-right:auto;

  max-width:1120px;

  padding:76px 0;
}

body.about-page .about-hero h1{

  max-width:760px;

  color:#fff;

  font-size:clamp(42px,5.6vw,72px);

  line-height:.95;

  margin-bottom:22px;

  text-shadow:0 3px 18px rgba(0,0,0,.28);
}

body.about-page .about-hero p:not(.eyebrow){

  max-width:620px;

  margin-bottom:0;

  color:rgba(255,255,255,.94);

  font-size:19px;

  line-height:1.65;
}


body.about-page .dark-eyebrow{

  color:var(--orange);
}

body.about-page .about-intro{

  padding:58px 0 38px;
}

body.about-page .about-intro-grid{

  display:grid;

  grid-template-columns:1.05fr .95fr;

  gap:56px;

  align-items:center;
}

body.about-page .about-copy h2,
body.about-page .section-head h2,
body.about-page .about-timeline-head h2,
body.about-page .about-numbers h2,
body.about-page .about-cta h2{

  color:var(--burgundy);
}

body.about-page .about-copy h2{

  max-width:620px;

  font-size:clamp(32px,4vw,52px);

  line-height:1.08;

  margin-bottom:22px;
}

body.about-page .about-lead{

  color:var(--graphite);

  font-size:20px;

  line-height:1.65;
}

body.about-page .about-copy p{

  color:var(--muted);

  font-size:17px;

  line-height:1.72;
}

body.about-page .about-feature-grid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  border:1px solid var(--line);

  border-radius:24px;

  overflow:hidden;

  background:#fff;

  box-shadow:var(--shadow-soft);
}

body.about-page .about-feature{

  min-height:220px;

  padding:30px 28px;

  border-right:1px solid var(--line);

  border-bottom:1px solid var(--line);
}

body.about-page .about-feature:nth-child(2n){

  border-right:0;
}

body.about-page .about-feature:nth-last-child(-n+2){

  border-bottom:0;
}

body.about-page .about-feature-icon{

  width:48px;

  height:48px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  margin-bottom:18px;

  border-radius:16px;

  background:var(--soft);

  color:var(--burgundy);

  font-size:25px;
}

body.about-page .about-feature h3{

  color:var(--burgundy);

  font-size:19px;

  line-height:1.22;

  margin-bottom:10px;
}

body.about-page .about-feature p{

  margin-bottom:0;

  color:var(--muted);

  font-size:15px;

  line-height:1.62;
}

body.about-page .about-values{

  padding:40px 0 60px;
}

body.about-page .value-grid{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:18px;
}

body.about-page .value-card{

  padding:30px;

  border:1px solid var(--line);

  border-radius:22px;

  background:#fff;

  box-shadow:var(--shadow-soft);
}

body.about-page .value-card h3{

  color:var(--burgundy);

  font-size:23px;

  margin-bottom:12px;
}

body.about-page .value-card p{

  margin-bottom:0;

  color:var(--muted);

  font-size:16px;

  line-height:1.68;
}

body.about-page .about-timeline-section{

  padding:72px 0 82px;

  background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);

  border-top:1px solid var(--line);

  border-bottom:1px solid var(--line);
}

body.about-page .about-timeline-head{

  max-width:820px;

  margin:0 auto 52px;

  text-align:center;
}

body.about-page .about-timeline-head h2{

  font-size:clamp(30px,3.7vw,48px);

  line-height:1.12;

  margin-bottom:14px;
}

body.about-page .about-timeline-head p{

  margin-bottom:0;

  color:var(--muted);

  font-size:17px;
}

body.about-page .about-timeline{

  position:relative;

  max-width:1040px;

  margin:0 auto;
}

body.about-page .about-timeline::before{

  content:"";

  position:absolute;

  top:0;

  bottom:0;

  left:50%;

  width:3px;

  border-radius:999px;

  background:linear-gradient(180deg,var(--burgundy),var(--orange));

  transform:translateX(-50%);
}

body.about-page .about-timeline-item{

  position:relative;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:70px;

  align-items:center;

  margin-bottom:44px;
}

body.about-page .about-timeline-item:last-child{

  margin-bottom:0;
}

body.about-page .about-timeline-item::before{

  content:"";

  position:absolute;

  left:50%;

  top:50%;

  z-index:2;

  width:21px;

  height:21px;

  border:5px solid var(--orange);

  border-radius:50%;

  background:#fff;

  box-shadow:0 0 0 8px rgba(232,117,33,.14);

  transform:translate(-50%,-50%);
}

body.about-page .about-timeline-card{

  padding:26px 28px;

  border:1px solid var(--line);

  border-radius:22px;

  background:#fff;

  box-shadow:var(--shadow-soft);
}

body.about-page .about-timeline-year{

  display:inline-block;

  margin-bottom:10px;

  color:var(--burgundy);

  font-size:34px;

  font-weight:900;

  line-height:1;
}

body.about-page .about-timeline-card h3{

  color:var(--burgundy);

  font-size:22px;

  line-height:1.2;

  margin-bottom:10px;
}

body.about-page .about-timeline-card p{

  margin-bottom:0;

  color:var(--muted);

  line-height:1.65;
}

body.about-page .about-timeline-photo{

  margin:0;

  border-radius:20px;

  overflow:hidden;

  box-shadow:var(--shadow-soft);

  min-height:170px;

  background:var(--soft);
}

body.about-page .about-timeline-photo img{

  width:100%;

  height:210px;

  object-fit:cover;

  filter:saturate(.9) contrast(1.04);
}

body.about-page .about-timeline-item:nth-child(even) .about-timeline-photo{

  grid-column:1;

  grid-row:1;
}

body.about-page .about-timeline-item:nth-child(even) .about-timeline-card{

  grid-column:2;
}

body.about-page .about-numbers{

  padding:58px 0 42px;

  text-align:center;
}

body.about-page .about-numbers h2{

  margin-bottom:28px;

  font-size:clamp(28px,3vw,40px);
}

body.about-page .numbers-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  border:1px solid var(--line);

  border-radius:24px;

  overflow:hidden;

  background:#fff;

  box-shadow:var(--shadow-soft);
}

body.about-page .number-card{

  padding:30px 22px;

  border-right:1px solid var(--line);
}

body.about-page .number-card:last-child{

  border-right:0;
}

body.about-page .number-card strong{

  display:block;

  color:var(--burgundy);

  font-size:42px;

  line-height:1;

  margin-bottom:8px;
}

body.about-page .number-card span{

  color:var(--muted);
}

body.about-page .about-cta{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:28px;

  margin-top:24px;

  margin-bottom:72px;

  padding:34px 38px;

  border-radius:24px;

  background:linear-gradient(135deg,var(--burgundy),var(--burgundy-dark));

  color:#fff;

  box-shadow:var(--shadow);
}

body.about-page .about-cta h2{

  color:#fff;

  font-size:clamp(26px,3vw,38px);

  line-height:1.14;

  margin-bottom:10px;
}

body.about-page .about-cta p{

  margin-bottom:0;

  color:rgba(255,255,255,.84);

  font-size:17px;
}

@media(max-width:900px){

  body.about-page .about-hero{

    min-height:auto;
}

  body.about-page .about-hero-inner{

    padding:62px 0;
}

  body.about-page .about-intro-grid,
  body.about-page .value-grid,
  body.about-page .numbers-grid{

    grid-template-columns:1fr;
}

  body.about-page .about-feature-grid{

    grid-template-columns:1fr 1fr;
}

  body.about-page .about-timeline{

    max-width:720px;

    margin-left:0;
}

  body.about-page .about-timeline::before{

    left:18px;
}

  body.about-page .about-timeline-item,
  body.about-page .about-timeline-item:nth-child(even){

    grid-template-columns:1fr;

    gap:16px;

    padding-left:54px;
}

  body.about-page .about-timeline-item::before{

    left:18px;

    top:32px;
}

  body.about-page .about-timeline-item:nth-child(even) .about-timeline-photo,
  body.about-page .about-timeline-item:nth-child(even) .about-timeline-card{

    grid-column:1;

    grid-row:auto;
}

  body.about-page .number-card{

    border-right:0;

    border-bottom:1px solid var(--line);
}

  body.about-page .number-card:last-child{

    border-bottom:0;
}

  body.about-page .about-cta{

    flex-direction:column;

    align-items:flex-start;
}
}

@media(max-width:640px){

  body.about-page .about-hero-inner{

    width:min(100% - 28px,1120px);

    padding:52px 0;
}

  body.about-page .about-hero h1{

    font-size:clamp(38px,13vw,56px);
}

  body.about-page .about-feature-grid{

    grid-template-columns:1fr;
}

  body.about-page .about-feature{

    min-height:auto;

    border-right:0;

    border-bottom:1px solid var(--line);
}

  body.about-page .about-feature:last-child{

    border-bottom:0;
}

  body.about-page .value-card,
  body.about-page .about-timeline-card,
  body.about-page .about-cta{

    padding:24px 20px;
}

  body.about-page .about-timeline-section{

    padding:54px 0 62px;
}

  body.about-page .about-timeline-item{

    padding-left:44px;
}

  body.about-page .about-timeline-photo img{

    height:180px;
}
}