/* assets/css/pages/brands.css */
.brands-hero{padding-top:9rem;padding-bottom:1rem}
.brands-hero__title{font-size:var(--fs-900);line-height:.95}
.brands-hero__sub{margin-top:.8rem;color:var(--color-ivory-soft);font-size:var(--fs-500);max-width:52ch}
.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.brandcard{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1.8rem;transition:border-color var(--dur-fast),transform var(--dur-mid) var(--ease-out-expo)}
.brandcard:not(.brandcard--static):hover{border-color:var(--color-rust);transform:translateY(-4px)}
.brandcard__logo{flex:1;display:flex;align-items:center;justify-content:center}
.brandcard__name{font-family:var(--font-display);font-size:var(--fs-700);color:var(--color-ivory);letter-spacing:.02em;text-align:center}
.brandcard__logoimg{max-height:64px;max-width:80%;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.brandcard__client{color:var(--color-ivory-soft);opacity:.7;font-size:var(--fs-200);text-transform:uppercase;letter-spacing:.14em}
.brandcard__meta{display:flex;justify-content:space-between;align-items:center;color:var(--color-ivory-soft);font-size:var(--fs-300);border-top:1px solid var(--color-line);padding-top:1rem}
.brandcard__go{color:var(--color-rust-glow)}
.brands-cta{padding-block:clamp(3rem,8vh,6rem);text-align:center;background:var(--color-bg-deep);border-block:1px solid var(--color-line)}
.brands-cta__line{font-family:var(--font-display);font-size:var(--fs-600);color:var(--color-ivory);margin-bottom:1.2rem}
@media (max-width:900px){.brands-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.brands-grid{grid-template-columns:1fr}}