.brand-strip{position:relative;padding:28px 0 30px;border-block:1px solid #e0ded8;background:#fff;overflow:hidden}
.brand-strip-heading{margin-bottom:18px}
.brand-strip h2{font:500 17px/1.5 'Manrope',sans-serif;letter-spacing:-.02em;color:#495052}
.brand-viewport{overflow-x:auto;overflow-y:hidden;padding:3px 24px;scroll-padding-inline:24px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c8c8c1 transparent}
.brand-belt{display:flex;width:max-content;min-width:100%;animation:brand-intro 4.5s ease-out 1 both}
.brand-track{display:flex;align-items:center;justify-content:space-around;gap:56px;min-width:100%;padding:0;margin:0;list-style:none;flex-shrink:0}
.brand-track li{flex:0 0 140px}
.brand-track a{display:flex;align-items:center;justify-content:center;width:140px;min-height:66px;border-radius:4px;color:#333;font-weight:600;font-size:18px;white-space:nowrap}
.brand-track img{display:block;width:auto;height:auto;max-width:130px;max-height:45px;filter:grayscale(1);opacity:.78;object-fit:contain}
.brand-track a:hover img,.brand-track a:focus-visible img{filter:none;opacity:1}
.brand-track a:focus-visible{outline:3px solid #9d3a2f;outline-offset:-3px}
.brand-viewport:hover .brand-belt,.brand-viewport:focus-within .brand-belt,.brand-strip.brand-settled .brand-belt{animation:none;transform:none}
/* A short introduction settles at the original position. The list then stays
   still and every link remains available through native scrolling and Tab. */
@keyframes brand-intro{from{transform:translateX(32px)}to{transform:translateX(0)}}
.brand-track img[src$="/stromer.svg"]{filter:brightness(0);opacity:.78}
.brand-name-fallback{display:none}
@media(max-width:700px){
 .brand-strip{padding-block:19px 22px}
 .brand-strip-heading{margin-bottom:10px}
 .brand-strip h2{font-size:14px}
 .brand-viewport{padding-inline:20px;scroll-padding-inline:20px}
 .brand-track{gap:30px}
 .brand-track li,.brand-track a{width:120px;flex-basis:120px}
 .brand-track img{max-width:110px;max-height:39px}
}
@media(prefers-reduced-motion:reduce){
 .brand-belt{animation:none}
}
@media(forced-colors:active){
 .brand-track a:focus-visible{outline-color:Highlight}
 .brand-track a{color:LinkText;white-space:normal;overflow-wrap:anywhere}
 .brand-track img{display:none;filter:none;opacity:1}
 .brand-track .brand-name-fallback{display:inline;color:currentColor;font-size:16px;line-height:1.4;text-align:center;padding-inline:8px}
}