.brands{padding:clamp(5rem,9vw,9rem) clamp(1rem,6vw,6rem);background:var(--ice)}
.brands-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem 7rem;align-items:end;margin-bottom:3rem}
.brands-heading .kicker{grid-column:1/-1}
.brands-heading h2{font-size:clamp(2.7rem,4.8vw,5rem);line-height:.98;letter-spacing:-.045em;margin:.5rem 0}
.brands-heading p{color:#4e6873;line-height:1.8}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.brand-card{position:relative;min-height:450px;padding:1.8rem;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;border:1px solid var(--line);transition:.25s}
.brand-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0e435418}
.brand-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--cyan)}
.brand-card.tech:before{background:#eb1021}.brand-card.fix:before{background:#f7ad25}.brand-card.design:before{background:#36a935}
.brand-tag{align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}
.brand-logo{height:150px;display:flex;align-items:center;justify-content:center;margin:1rem 0}
.brand-logo img{max-width:78%;max-height:120px;object-fit:contain}.brand-card.tech .brand-logo img{max-height:130px}
.brand-card h3{font-size:1.45rem;line-height:1.15;margin:.5rem 0}.brand-card p{font-size:.85rem;line-height:1.7;color:#5c737c}.brand-card strong{margin-top:auto;font-size:.78rem}
@media(max-width:1000px){.brands-heading{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr 1fr}.brand-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.brand-grid{grid-template-columns:1fr}.brand-card,.brand-card:last-child{grid-column:auto;min-height:390px}}