/* ROSWO: compact the brand roster while preserving 27 marks and optical balance. */
.brand-section {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}
.brand-section .section-intro { margin-bottom: 1.55rem; }
.brand-grid.unified-brands {
  grid-template-columns: repeat(3,minmax(0,1fr));
  column-gap: .75rem;
  row-gap: .5rem;
}
.brand-grid.unified-brands .brand {
  height: 4.45rem;
  --brand-unit: clamp(3.85rem,19vw,5.55rem);
  --brand-max-height: clamp(2.3rem,9.5vw,2.95rem);
}
@media (min-width:560px) {
  .brand-grid.unified-brands { column-gap: 1.25rem; row-gap: .7rem; }
  .brand-grid.unified-brands .brand {
    height: 4.9rem;
    --brand-unit: clamp(5.6rem,15.5vw,7.15rem);
    --brand-max-height: 3.15rem;
  }
}
@media (min-width:680px) {
  .brand-grid.unified-brands { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .brand-grid.unified-brands .brand { height:4.85rem; }
}
@media (min-width:900px) {
  .brand-section { padding-top: 3rem; padding-bottom:3rem; }
  .brand-section .section-intro { margin-bottom:1.6rem; }
  .brand-grid.unified-brands {
    grid-template-columns:repeat(5,minmax(0,1fr));
    column-gap:1.3rem;
    row-gap:.85rem;
  }
  .brand-grid.unified-brands .brand {
    height:5.2rem;
    --brand-unit:clamp(6.45rem,8.7vw,8.7rem);
    --brand-max-height:3.6rem;
  }
}
@media (min-width:1200px) {
  .brand-grid.unified-brands {
    grid-template-columns:repeat(7,minmax(0,1fr));
    column-gap:1.2rem;
    row-gap:.85rem;
  }
  .brand-grid.unified-brands .brand {
    height:5.15rem;
    --brand-unit:clamp(6.55rem,8.4vw,8.85rem);
    --brand-max-height:3.65rem;
  }
}