/* Home-only brand identity. Official artwork stays contained and unaltered. */
.brand-band--logos {
  background: var(--paper);
  padding: 0 max(20px, calc((100vw - var(--max)) / 2)) 64px;
  gap: 24px;
}
.brand-band--logos .brand-panel {
  min-height: 300px;
  padding: clamp(28px, 4vw, 48px);
  background: #fff;
  color: var(--ink);
  border-top: 4px solid var(--orange);
  gap: 28px;
}
.brand-band--logos .toro { border-top-color: #cd2027; }
.home-brand-logo {
  min-height: 108px;
  display: flex;
  align-items: center;
  font-size: clamp(48px, 5vw, 64px);
}
.home-brand-logo .home-toro-logo {
  width: 156px;
  height: 108px;
  max-width: 100%;
  object-fit: contain;
}
.brand-band--logos .brand-panel p { margin: 0 0 20px; }
.brand-band--logos .brand-panel a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  border-bottom-color: var(--orange);
  font-size: .86rem;
  letter-spacing: .025em;
}
.brand-band--logos .toro a { border-bottom-color: #cd2027; }
.brand-band--logos .brand-panel a:hover { text-decoration: underline; text-underline-offset: 5px; }
.brand-band--logos .brand-panel a:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
@media (max-width: 700px) {
  .brand-band--logos { grid-template-columns: 1fr; gap: 16px; padding-bottom: 40px; }
  .brand-band--logos .brand-panel { min-height: 0; gap: 20px; }
  .home-brand-logo { min-height: 90px; }
  .home-brand-logo .home-toro-logo { width: 132px; height: 90px; }
}