/* About page — brand tiles + mission quote */
.pg-about-brand { align-items: center; justify-content: center; min-height: 96px; padding: 20px; }
/* client logos: every mark fits the same optical box; a few are nudged so they look the same size */
.pg-about-brand picture { display: flex; align-items: center; justify-content: center; }
.pg-about-brand img { display: block; width: auto; height: auto; max-width: min(160px, 100%); max-height: 36px; object-fit: contain; }
.pg-about-brand--wix img { max-height: 40px; }
.pg-about-brand--guardio img { max-height: 44px; }
.pg-about-brand--applaws img { max-height: 44px; }
.pg-about-brand--bouclair img { max-height: 28px; }
.pg-about-brand--xlmedia img { max-height: 30px; }
.pg-about-brand--monday img { max-width: min(170px, 100%); }
.pg-about-mission { margin: 18px auto 32px; max-width: 720px; font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 600; line-height: 1.5; color: var(--nh-ink); padding: 22px 28px; border-left: 4px solid var(--nh-cyan); background: var(--nh-band); border-radius: 0 var(--nh-r-md) var(--nh-r-md) 0; text-align: left; }
.pg-about-brands + .nhp-feat { text-align: center; }
.pg-about-prose { margin-top: 18px; }
.pg-about-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
/* the generic ".nhp-stat span { display:block }" rule was pushing the glyph to the top of its square */
.pg-about-stats .nhp-stat .pg-about-stat-ico { display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }
.pg-about-stats .nhp-stat .pg-about-stat-ico svg { display: block; }
.pg-about-center { text-align: center; }
.pg-about-brands-p { margin: 12px auto 28px; max-width: 640px; }
/* Phones: brand tiles two-up instead of a long single column */
@media (max-width: 640px) {
  .pg-about-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .pg-about-brand { min-height: 76px; padding: 16px 12px; }
  .pg-about-brand img { max-width: min(124px, 100%); max-height: 30px; }
  .pg-about-brand--guardio img, .pg-about-brand--applaws img { max-height: 36px; }
  .pg-about-brand--bouclair img { max-height: 22px; }
  .pg-about-brand--monday img { max-width: min(130px, 100%); }
}