.msa-brands{position:relative;isolation:isolate;box-sizing:border-box;margin:48px 0 0;padding:88px 0 92px;background:#171b1c;color:#f8f8f5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.msa-brands *{box-sizing:border-box}
.msa-brands-inner{width:calc(100% - 64px);max-width:1280px;margin:0 auto}
.msa-brands-intro{margin-bottom:42px}
.msa-brands-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#f36b77;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600;line-height:1.4}
.msa-brands-eyebrow:before{content:"";display:block;width:28px;height:1px;background:currentColor}
.msa-brands h2{max-width:1100px;margin:0;color:#f8f8f5;font-family:inherit;font-size:clamp(34px,4.4vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.msa-brands h2 span{color:#f36b77}
.msa-brands-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.msa-brands-grid>li{min-width:0;margin:0;padding:0}
.msa-brand-plate{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:15px;position:relative;isolation:isolate;min-width:0;height:166px;padding:19px 15px 17px;overflow:hidden;border:1px solid #a3aaac;border-radius:7px;color:#252c2f;text-decoration:none;background:repeating-linear-gradient(0deg,#ffffff0b 0,#ffffff0b 1px,#ffffff00 1px,#ffffff00 3px),linear-gradient(118deg,#aeb8bc 0%,#e3e8e9 20%,#c5cdd0 43%,#edf0f0 63%,#b7c1c5 100%);box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #29343866,0 5px 12px #0002;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.msa-brand-plate:hover{color:#252c2f;text-decoration:none;transform:translateY(-4px);border-color:#e7eded;box-shadow:inset 0 1px 1px #fff9,0 12px 22px #0004}
.msa-brand-plate:focus-visible{outline:3px solid #fff;outline-offset:4px}
.msa-brand-logo{display:flex;justify-content:center;align-items:center;min-width:0;flex:1;min-height:0;border:1px solid #fafcfb;border-radius:3px;padding:14px 11px;background:#fff;box-shadow:0 1px 3px #192b3218}
.msa-brand-logo img{display:block;max-width:100%;width:100%;max-height:65px;height:auto;object-fit:contain;margin:0}
.msa-brand-name{display:block;margin:0;color:#283136;font-size:13px;font-weight:500;line-height:1.25;text-align:center;letter-spacing:.015em}
.msa-brand-fixing:before,.msa-brand-fixing:after,.msa-brand-plate:before{content:"";position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:linear-gradient(145deg,#f8fbfc,#939fa5);border:1px solid #7e8a8e;box-shadow:0 1px 0 #fff7;pointer-events:none}
.msa-brand-fixing:before{top:7px;left:7px}.msa-brand-fixing:after{top:7px;right:7px}.msa-brand-plate:before{bottom:7px;left:7px}
.msa-brand-plate:after{content:"";position:absolute;z-index:3;inset:-45% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#fff0 42%,#fff6 50%,#fff0 58%,transparent 63%);transform:translateX(-95%);opacity:0}
.msa-brand-plate.is-in-view:after{animation:msa-brand-sheen 1.15s ease-out var(--msa-brand-delay,0ms) 1 both}
@keyframes msa-brand-sheen{0%{transform:translateX(-95%);opacity:0}15%{opacity:.6}85%{opacity:.6}100%{transform:translateX(95%);opacity:0}}
@media(max-width:1199px){.msa-brands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:900px){.msa-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.msa-brands{padding:70px 0 76px}}
@media(max-width:640px){.msa-brands{margin-top:36px;padding:52px 0 56px}.msa-brands-inner{width:calc(100% - 40px)}.msa-brands-intro{margin-bottom:30px}.msa-brands-eyebrow{font-size:11px;margin-bottom:18px}.msa-brands h2{font-size:clamp(31px,7.8vw,43px);letter-spacing:-.04em}.msa-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.msa-brand-plate{height:147px;padding:16px 11px 14px;gap:13px}.msa-brand-logo{padding:12px 8px}.msa-brand-logo img{max-height:54px}.msa-brand-name{font-size:12px;letter-spacing:0}}
@media(max-width:360px){.msa-brands-inner{width:calc(100% - 32px)}.msa-brands-grid{gap:11px}.msa-brand-plate{height:137px;padding:15px 9px 13px}.msa-brand-logo{padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.msa-brand-plate,.msa-brand-plate:hover{transition:none;transform:none}.msa-brand-plate.is-in-view:after{animation:none;opacity:0}}

.msa-brand-logo-cover img{height:65px;object-fit:cover}
.msa-brand-logo-dark{background:#194452;border-color:#315b66}
@media(max-width:640px){.msa-brand-logo-cover img{height:54px}}