/* Clients page — hero uses the About page image, then the full brand wall */

.clientspage .ab-hero .bg{background:url('hero-elephant-valley.jpg') center 50%/cover}
.clientspage .approach{padding-block:clamp(4.5rem,11vh,7.5rem)}

/* flex wall so a short final row stays centred */
.clientspage .logo-wall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:clamp(1.4rem,4vh,2.8rem) clamp(.5rem,1.4vw,1.1rem);max-width:1240px;margin:0 auto}
.clientspage .logo-wall img{flex:0 0 auto;width:calc(20% - 1rem);height:110px;object-fit:contain}
@media(max-width:1000px){.clientspage .logo-wall img{width:calc(33.333% - 1rem);height:88px}}
@media(max-width:620px){.clientspage .logo-wall img{width:calc(33.333% - .5rem);height:58px}}

/* small italic line above the logo wall */
.clientspage .brands-note{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.15rem,1.7vw,1.35rem);color:#6b5a49;margin:1.3rem auto 0;max-width:52ch;line-height:1.55}