.esg-page h1,
.esg-page h2,
.esg-page h3,
.esg-page h4,
.esg-page h5,
.esg-page h6,
.esg-page .section-title { font-weight: var(--w-reg); }

.esg-page strong,
.esg-page b { font-weight: inherit; }

.esg-hero{
  position:relative;
  background-color:var(--color-dark);
  background-image:linear-gradient(rgba(47,63,73,.86), rgba(47,63,73,.74)), url('../img/solutions/agro.webp');
  background-size:cover;
  background-position:center;
  padding:180px 0 100px;
  color:#fff;
  text-align:center;
}
.esg-hero__content{max-width:900px;margin:0 auto}
.esg-hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--w-reg);margin-bottom:1.5rem;line-height:1.1}
.esg-hero__desc{font-size:1.2rem;line-height:1.6;opacity:.95;font-weight:300}

.esg-mission{background:#fff}
.esg-mission__text{max-width:980px;margin:0 auto;text-align:center}
.esg-mission__text p{font-size:1.15rem;line-height:1.8;color:var(--color-text);font-weight:300}

.esg-approach{background:#fff;padding-top:4rem}
.esg-approach .solutions__container{grid-template-columns:1.1fr 1fr}
.esg-approach .solutions__right{transform:none;opacity:1;transition:none}
.esg-approach .solutions__title{font-size:2rem}
.esg-approach .solutions__desc{max-width:60ch}
.esg-approach .solutions__tabs{margin-top:1.25rem}
.esg-approach .solutions__tab{padding:.95rem 1.1rem .95rem 2.8rem}

#esg-approach-image{transition:opacity .4s ease}

.esg-megatrend-wrap{position:relative}
.esg-megatrend-wrap .solutions__desc{margin:0}
.esg-megatrend-wrap .solutions__desc.anim{position:absolute;inset:0}

.env-features.features{background:var(--color-features-bg)}
.env-features .features__right{grid-template-columns:repeat(2,1fr)}
.env-features .feature-card{border-color:transparent}
.env-features .feature-card:hover{border-color:var(--color-primary)}
.env-features .features__descwrap p{max-width:58ch}
.env-features .features__ghost{display:none}

.esg-trust.trust{padding-top:7.2rem;padding-bottom:6rem}
.esg-trust .trust__slider{min-height:220px}
.esg-trust .trust__title{font-size:1.25rem}

/* ZMIANA UKŁADU: lewo slider, prawo tytuł+button */
#esg-social .trust__container.trust__grid{
  grid-template-columns: 1.15fr 0.85fr;
  align-items: start;
}
#esg-social .trust__right{ order: 1; }
#esg-social .trust__left{ order: 2; }

#esg-social .trust__left{
  text-align: left;
}
#esg-social .trust__title-left{
  text-align: left;
}
#esg-social .trust__cta-left{
  margin-top: 1.25rem;
}

/* ŁAD KORPORACYJNY: odstęp między tekstem a buttonem */
.esg-gov .section-cta{
  margin-top: 1.6rem;
}

.esg-gov.cta-green{padding:4.5rem 0}
.esg-gov .cta-green__container{grid-template-columns:1.05fr .95fr}
.esg-gov .cta-green__right{display:flex;flex-direction:column;gap:1rem}
.esg-gov-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.esg-gov-list li{
  position:relative;
  padding-left:2rem;
  color:#fff;
  font-size:1.02rem;
  line-height:1.75;
  font-weight:300;
}
.esg-gov-list li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#fff;
  opacity:.9;
}

.anim{will-change:transform,opacity}
.slide-in-left{animation:esgSlideInLeft .42s ease both}
.slide-out-right{animation:esgSlideOutRight .42s ease both}

@keyframes esgSlideInLeft{
  from{opacity:0;transform:translateX(-18px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes esgSlideOutRight{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(18px)}
}

@media (prefers-reduced-motion: reduce){
  .slide-in-left,.slide-out-right{animation:none!important}
  #esg-approach-image{transition:none!important}
}

@media (max-width:992px){
  .esg-hero__title{font-size:2.5rem}
  .esg-approach .solutions__container,
  .env-features .features__container,
  .esg-gov .cta-green__container{grid-template-columns:1fr}
  .esg-gov .cta-green__right{order:3}
  .esg-gov .cta-green__left{order:1}

  /* MOBILE: społeczność i rozwój jako 1 kolumna, tytuł+btn nad sliderem */
  #esg-social .trust__container.trust__grid{
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  #esg-social .trust__left{ order: 1; text-align: center; }
  #esg-social .trust__title-left{ text-align: center; }
  #esg-social .trust__cta-left{ margin-top: 1rem; }
  #esg-social .trust__right{ order: 2; }
}

@media (max-width:576px){
  .esg-hero{padding:140px 0 60px}
}