/* Logo wall — the tiered, static client wall.
   Notes: docs/component-logo-wall-notes.md */

.logo-wall{
  background:linear-gradient(180deg,#faf9f6 0%,#fff 12%,#fff 88%,#faf9f6 100%);
  padding:2rem 2rem 3rem;
}
.logo-wall-label{font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#6b6b6b;text-align:center;margin-bottom:3rem}
.logo-wall-row{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.logo-wall-item{display:flex;flex-direction:column;align-items:center;text-align:center}

.logo-wall-item img{width:auto;object-fit:contain}

/* ── The three tiers ── */
.logo-wall-row--t1{max-width:1100px;gap:3rem 3.5rem;margin-bottom:3.5rem}
.logo-wall-row--t1 .logo-wall-item{max-width:210px}
.logo-wall-row--t1 img{height:62px}

.logo-wall-row--t2{max-width:940px;gap:2.2rem 3rem;margin-bottom:3rem}
.logo-wall-row--t2 img{height:42px}

.logo-wall-row--t3{max-width:840px;gap:1.6rem 2.4rem;opacity:.72}
.logo-wall-row--t3 img{height:30px}

/* ── Caption ── */
.logo-wall-caption{font-family:var(--body);font-size:.74rem;font-weight:300;font-style:italic;line-height:1.65;color:#6b6b6b;margin-top:1rem;max-width:210px}

@media(max-width:768px){
  .logo-wall{padding:1.5rem 1.25rem 2.5rem}
  .logo-wall-row--t1{gap:2.4rem 2rem}
  .logo-wall-row--t1 img{height:46px}
  .logo-wall-row--t2{gap:1.6rem 2rem}
  .logo-wall-row--t2 img{height:32px}
  .logo-wall-row--t3{gap:1.2rem 1.6rem}
  .logo-wall-row--t3 img{height:24px}
}