.brands-section{position:relative;z-index:5;overflow:hidden;padding:clamp(18px,4.2vh,57px) 0 clamp(80px,12vh,140px);background:#fff;color:#013833}
.brands-content{width:100%}
.brands-heading{margin:0 0 clamp(31px,3.7vh,43px);text-align:center;font-family:'Plus Jakarta Sans',Figtree,sans-serif;font-size:clamp(39px,calc(5.4vw - 3px),85px);line-height:.91;letter-spacing:-.055em;font-weight:800}
.brands-heading span{color:#397A5C}
.partner-logo-grid{width:min(98vw,2240px);margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:clamp(40px,7vh,76px) clamp(24px,3.2vw,58px)}
.partner-logo-grid img{display:block;width:100%;height:clamp(68px,10.4vh,118px);object-fit:contain;transform-origin:center;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),filter .3s ease}
.partner-logo-grid img:hover{transform:translateY(-8px) scale(1.08)}
@media(max-width:760px){
  .brands-heading{margin-bottom:18px;font-size:clamp(46px,13vw,74px)}
  .partner-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}
  .partner-logo-grid img{height:56px}
}
@media(max-width:480px){
  .partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Section 3 reference: individually sized logos in their supplied row order. */
.brands-section{padding:20px 0 40px;scroll-margin-top:92px}
.brands-heading{font-family:Figtree,sans-serif;font-size:44px;font-weight:700;letter-spacing:0;line-height:1.1;margin:0 0 18px}
.partner-logo-grid{position:relative;display:block;width:min(69.45vw,1000px);aspect-ratio:2/1;margin:0 auto}
.partner-logo-grid>img,.partner-logo-grid>.partner-logo-barrel{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);object-fit:contain}
.partner-logo-barrel{display:block;background:url('./assets/eco-partners/section3-reference.png') 66.13% 92.16% / 1090.91% 610% no-repeat}
@media(max-width:760px){
  .brands-section{padding:32px 20px 40px;scroll-margin-top:76px}
  .brands-heading{font-size:32px;margin-bottom:28px}
  .partner-logo-grid{position:static;display:grid;width:100%;aspect-ratio:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
  .partner-logo-grid>img,.partner-logo-grid>.partner-logo-barrel{position:static;width:100%;height:70px}
  .partner-logo-grid>img:nth-child(n){transform:none;object-fit:contain}
  .partner-logo-barrel{aspect-ratio:132/100;height:auto!important}
}