/* Three conveyor-like logo lanes; original artwork, local assets, no external runtime. */
.brands-section.brands-showcase{padding-block:72px 32px;position:relative;overflow:hidden;background:var(--paper)}
.brands-shell{display:grid;grid-template-columns:1fr;gap:23px;align-items:center;--brands-gutter:96px}
.brands-shell.container{width:100%}
.brands-intro{min-width:0;padding-bottom:0;width:min(1280px,calc(100% - var(--brands-gutter)));margin-inline:auto}
.brands-intro>.eyebrow{font-size:11px;letter-spacing:0;gap:10px}
html[lang=en] .brands-intro>.eyebrow{font-size:10px;letter-spacing:.07em}
.brands-signal{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff621d12}
.brands-intro h2{font-size:clamp(31px,3.15vw,45px);line-height:1.3;letter-spacing:-.03em;margin:20px 0}
.brands-intro h2 br{display:none}
.brands-intro h2>span{color:var(--orange);display:inline-block;margin-inline-start:6px}
.brands-intro>p{font-size:16px;line-height:1.9;color:var(--muted);max-width:100%}
.brands-summary{display:flex;gap:26px;margin-block:27px 23px;color:var(--muted);font-size:11px;font-weight:700}
.brands-summary>span{display:flex;align-items:center;gap:9px}
.brands-summary b{font-size:25px;line-height:1;font-weight:800;color:var(--ink)}
.brands-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 13px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;transition:color .2s,border-color .2s,background .2s}
.brands-toggle:hover{color:var(--ink);border-color:var(--orange);background:var(--surface)}
.brands-toggle>.icon{width:14px;height:14px}
.brands-toggle .play-icon{display:none}
.brands-toggle[aria-pressed=true] .pause-icon{display:none}
.brands-toggle[aria-pressed=true] .play-icon{display:block}
.brand-stage{position:relative;min-width:0;padding-block:5px;isolation:isolate;width:100%}
.brand-stage::before{content:'';position:absolute;width:430px;height:430px;top:0;inset-inline-end:-135px;border:1px solid #ff621d13;border-radius:50%;z-index:-1;pointer-events:none}
.brand-stage::after{content:'';position:absolute;width:340px;height:340px;top:44px;inset-inline-end:-88px;border:1px dashed #ff621d0e;border-radius:50%;z-index:-1;pointer-events:none}
.brand-lane+.brand-lane{margin-top:20px}
.brand-lane-heading{display:flex;align-items:center;gap:9px;padding-inline:15px;margin-bottom:4px}
.brand-category-icon{display:grid;place-items:center;width:22px;height:22px;color:var(--orange);flex-shrink:0}
.brand-category-icon>.icon{width:19px;height:19px;stroke-width:1.5}
.brand-lane-heading h3{font-size:12px;font-weight:700;line-height:1.5;color:var(--muted);white-space:nowrap}
html[lang=en] .brand-lane-heading h3{font-size:11px;letter-spacing:.04em}
.brand-lane-line{height:1px;background:var(--line);flex:1;opacity:.65;margin-inline:10px}
.brand-lane-index{font:10px/1 Consolas,monospace;color:var(--muted);opacity:.6}
.brand-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);padding:12px 0 15px}
.brand-viewport::-webkit-scrollbar{display:none}
.brand-track{display:flex;align-items:center;width:max-content;gap:14px;direction:ltr}
.brand-group{display:flex;gap:14px;align-items:center;flex:0 0 auto}
.brand-card{position:relative;display:grid;place-items:center;width:174px;height:94px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;box-shadow:0 5px 12px #15282e04;flex:0 0 auto;transition:translate .3s,border-color .3s,box-shadow .3s}
.brand-card::after{content:'';position:absolute;bottom:0;left:28%;right:28%;height:2px;background:var(--logo-accent);transform:scaleX(0);transition:transform .3s;border-radius:2px}
.brand-card>img{width:138px;height:48px;max-width:100%;object-fit:contain;filter:none;transition:transform .35s}
.brand-card--siemens>img{height:39px}
.brand-card--skf>img{width:93px;height:35px}
.brand-card--schaeffler>img{height:27px}
.brand-card--parker>img{width:123px;height:47px}
.brand-card--danfoss{background:#233654;border-color:#233654}
.brand-card-hint{position:absolute;bottom:9px;inset-inline:10px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font:700 10px/1.5 Tajawal,Arial,sans-serif;opacity:0;translate:0 6px;transition:opacity .3s,translate .3s;direction:rtl}
html[lang=en] .brand-card-hint{direction:ltr}
.brand-card--danfoss .brand-card-hint{color:#dde4eb}
.brand-card-hint>.icon{width:11px;height:11px}
.brand-card:hover,.brand-card:focus-visible{translate:0 -4px;border-color:var(--logo-accent);box-shadow:0 9px 24px #15282e12}
.brand-card:hover::after,.brand-card:focus-visible::after{transform:scaleX(1)}
.brand-card:hover>img,.brand-card:focus-visible>img{transform:translateY(-7px)}
.brand-card:hover .brand-card-hint,.brand-card:focus-visible .brand-card-hint{opacity:1;translate:0 0}
.brand-stage-hint{display:flex;align-items:center;gap:6px;width:min(1280px,calc(100% - var(--brands-gutter)));margin:4px auto 0;padding-inline:15px;font-size:11px;line-height:1.6;color:var(--muted)}
.brand-stage-hint>.icon{width:13px;height:13px;color:var(--orange)}
.brands-showcase .brand-note{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;line-height:1.8;max-width:100%}
.brands-showcase[data-enhanced=true] .brand-viewport{overflow-x:hidden}
.brands-showcase[data-enhanced=true] .brand-track{animation:brand-conveyor var(--lane-duration,44s) linear infinite;animation-direction:var(--lane-direction,normal);animation-play-state:paused;will-change:transform}
.brands-showcase[data-running=true]:not([data-paused=true]) .brand-track{animation-play-state:running}
.brands-showcase .brand-lane:hover .brand-track{animation-play-state:paused!important}
.brands-showcase[data-keyboard=true] .brand-track{animation:none!important;transform:none;will-change:auto}
.brands-showcase[data-keyboard=true] .brand-viewport{overflow-x:auto}
.brands-showcase[data-keyboard=true] .brand-clone{display:none}
html[data-theme=dark] .brand-card{box-shadow:none;border-color:#35494e;background:#101e23}
html[data-theme=dark] .brand-card--skf>img{filter:brightness(0) invert(1)}
html[data-theme=dark] .brand-card--rexroth>img{filter:brightness(0) invert(1)}
html[data-theme=dark] .brand-card--danfoss{background:#101e23}
html[data-theme=dark] .brand-card:hover,html[data-theme=dark] .brand-card:focus-visible{border-color:var(--logo-accent);background:#13262d}
@keyframes brand-conveyor{to{transform:translate3d(calc(-1 * var(--lane-travel,752px)),0,0)}}
@media(max-width:1199px){.brands-shell{--brands-gutter:64px}.brands-intro h2{font-size:35px}.brands-intro>p{font-size:15px}.brands-summary{gap:20px;font-size:10px}.brand-card{width:164px;height:90px}.brand-card>img{width:128px;height:45px}.brand-card--skf>img{width:90px;height:33px}.brand-card--schaeffler>img{height:24px}}
@media(max-width:999px){.brands-shell{grid-template-columns:1fr;gap:23px}.brands-intro{padding-bottom:0;position:relative;padding-inline-end:0}.brands-intro h2{font-size:39px;margin-block:15px}.brands-intro h2 br{display:none}.brands-intro h2>span{display:inline-block;margin-inline-start:6px}.brands-intro>p{max-width:540px}.brands-summary{margin-block:19px 0;gap:30px}.brands-toggle{position:absolute;bottom:0;inset-inline-end:0}.brand-stage::before{top:-35px}.brand-stage::after{top:10px}.brand-lane+.brand-lane{margin-top:12px}.brands-section.brands-showcase{padding-block:52px 27px}}
@media(max-width:599px){.brands-section.brands-showcase{padding-block:42px 23px}.brands-shell{gap:25px}.brands-intro{padding-inline-end:0}.brands-intro h2{font-size:33px;line-height:1.3;margin-block:16px}.brands-intro h2 br{display:block}.brands-intro h2>span{margin-inline-start:0}.brands-intro>p{font-size:14px;line-height:1.85}.brands-summary{margin-top:21px;gap:22px;padding-inline-end:112px;flex-wrap:wrap}.brands-summary>span{gap:6px;font-size:9px}.brands-summary b{font-size:22px}.brands-toggle{font-size:10px;min-height:36px;padding-inline:10px}.brands-toggle>.icon{width:12px;height:12px}.brand-lane-heading{padding-inline:2px}.brand-lane-heading h3{font-size:11px}.brand-lane-index{font-size:9px}.brand-lane-line{margin-inline:5px}.brand-viewport{margin-inline:0;mask-image:linear-gradient(to right,transparent,#000 15px,#000 calc(100% - 15px),transparent);padding-block:10px 12px}.brand-card{width:151px;height:85px;border-radius:9px;padding:14px}.brand-card>img{width:120px;height:42px}.brand-card--skf>img{width:85px;height:32px}.brand-card--schaeffler>img{height:23px}.brand-card--parker>img{width:110px;height:43px}.brand-group,.brand-track{gap:11px}.brand-lane+.brand-lane{margin-top:14px}.brand-stage-hint{padding-inline:2px;font-size:10px}.brands-showcase .brand-note{font-size:9px;margin-top:22px;padding-top:15px}}
@media(max-width:799px){.brands-shell{--brands-gutter:40px}}
@media(max-width:479px){.brands-shell{--brands-gutter:36px}}
@media(max-width:359px){.brands-shell{--brands-gutter:28px}}
@media(prefers-reduced-motion:reduce){.brands-toggle{display:none}.brands-showcase .brand-track{animation:none!important;transform:none!important;width:100%;will-change:auto}.brand-clone{display:none!important}.brand-viewport{overflow:visible!important;mask-image:none;margin-inline:0}.brand-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}.brand-card{width:100%;translate:0!important}.brand-card-hint{transition:none}.brands-summary{padding-inline-end:0}.brands-intro{padding-inline-end:0}}
@media(prefers-reduced-motion:reduce) and (max-width:699px){.brand-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.brands-toggle,.brand-clone,.brand-stage-hint{display:none!important}.brands-showcase .brand-track{animation:none!important;transform:none!important;width:100%}.brand-group{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card{width:100%}.brand-viewport{overflow:visible!important;mask-image:none}.brands-shell{display:block}.brands-intro{padding-inline-end:0;margin-bottom:20px}.brands-section.brands-showcase{padding-block:25px;break-inside:avoid}}