.brand-collection{background:#f1f0e9;color:#17234c;scroll-margin-top:24px}
.brand-collection>.wrap{width:min(1600px,calc(100% - 40px))}
.brand-cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.brand-tile{display:flex;flex-direction:column;min-width:0;padding:20px 24px 30px;background:#fffdf7;border-radius:20px;color:#17234c;transition:transform .2s,box-shadow .2s}
.brand-tile:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17234c18}
.brand-tile:focus-visible{outline:3px solid #17234c;outline-offset:4px}
.brand-tile-logo{height:185px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.brand-tile-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.brand-tile h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:25px;line-height:1.3}
.brand-tile h3 span{font-size:22px;font-weight:400}
.brand-tile p{font-size:16px;line-height:1.75;color:#596378;margin:22px 0 26px}
.brand-tile-action{font-size:14px;font-weight:800;border-top:1px solid #d8d8d0;padding-top:20px;margin-top:auto}
@media(max-width:1100px){.brand-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-tile h3{font-size:22px}}
@media(max-width:700px){.brand-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-tile{padding:14px 16px 22px;border-radius:16px}.brand-tile-logo{height:115px;margin-bottom:18px}.brand-tile h3{font-size:19px}.brand-tile p{font-size:14px;margin:16px 0 22px}.brand-tile-action{font-size:12px}}
@media(max-width:380px){.brand-cards-grid{grid-template-columns:1fr}.brand-tile-logo{height:150px}}
@media(prefers-reduced-motion:reduce){.brand-tile{transition:none}.brand-tile:hover{transform:none}}