/* Supplied artwork stays intact. MAFIC viewport removes only transparent canvas space. */
.brand-mark{display:flex;align-items:center;justify-content:center;width:100%;max-width:390px;background:#fff;border-radius:6px;overflow:hidden;box-sizing:border-box}
.brand-mark img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.brand-mark--momentum{padding:12px}
.brand-mark--gain-momentum{padding:12px}
.brand-mark--trades-growth-hub{max-width:280px;background:#000}
.brand-mark--mafic{position:relative;aspect-ratio:1880/360;min-height:0}
.brand-mark--mafic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-45.65%);max-height:none}
.brand-mark-link{display:block;width:100%;max-width:390px;text-decoration:none;margin:16px 0 22px}
.brand-mark-link:focus-visible,.brand-tile:focus-visible{outline:3px solid #bb9450;outline-offset:4px}
.page-brand-mark{margin:0 0 32px}
.page-brand-mark .brand-mark--trades-growth-hub{max-width:340px}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.brand-tile{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;border:1px solid #dcded7;background:#fff;padding:18px;text-decoration:none;gap:16px;min-width:0}
.brand-tile .brand-mark{max-width:none;flex:none}
.brand-tile .brand-mark--gain-momentum{height:125px}
.brand-tile .brand-mark--gain-momentum img{width:100%;height:100%;object-fit:contain}
.brand-tile .brand-mark--trades-growth-hub{height:125px;max-width:none;background:#000}
.brand-tile .brand-mark--trades-growth-hub img{width:100%;height:100%;object-fit:contain}
.brand-tile-name{font-size:.9rem;font-weight:700;line-height:1.5}
.about-brands h2{font-size:clamp(1.7rem,2.7vw,2.5rem)}
.home-page .card .brand-mark-link{margin:0 0 18px}
.home-page .platform-feature .brand-mark-link{max-width:250px}
.home-page #mafic .brand-mark-link{margin:18px 0 24px;max-width:350px}
@media(max-width:700px){.brand-grid{gap:12px}.brand-tile{padding:12px;gap:12px}.brand-tile .brand-mark--gain-momentum,.brand-tile .brand-mark--trades-growth-hub{height:95px}.page-brand-mark{margin-bottom:24px}}
@media(max-width:420px){.brand-grid{grid-template-columns:1fr}.brand-tile .brand-mark{max-width:300px;align-self:center}}
/* Match the visible wordmark width to Momentum rather than letterboxing its padded canvas. */
.brand-tile .brand-mark--gain-momentum{position:relative;padding:12px;overflow:hidden}
.brand-tile .brand-mark--gain-momentum img{position:absolute;left:12px;top:50%;width:calc(100% - 24px);height:auto;max-height:none;transform:translateY(-50%);object-fit:contain}
/* Align the MAFIC artwork with the centre of the adjacent logo area. */
.brand-tile .brand-mark--mafic{height:125px;aspect-ratio:auto}
@media(max-width:700px){.brand-tile .brand-mark--mafic{height:95px}}