/* clients band: compact, one-row marquee of single-colour logos */
.band{padding:56px 0 48px}
@media(min-width:640px){.band{padding:72px 0 64px}}
.band-h{margin-bottom:0}
.band-h .c-cta{display:inline-flex;align-items:center;gap:8px;font:500 14px/24px var(--sans);font-variation-settings:"wdth" 125;color:var(--n500);white-space:nowrap;transition:color .25s}
.band-h .c-cta svg{transition:transform .25s}
.band-h .c-cta:hover{color:var(--w)}.band-h .c-cta:hover svg{transform:translateX(3px)}
.band-h h2{white-space:nowrap}
@media(max-width:639px){.band-h{flex-wrap:wrap;gap:6px 16px}.band-h i{display:none}.band-h h2{text-align:left}}
.mq{margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.clients{list-style:none;margin:0;padding:0;border:0;grid-template-columns:none;display:flex;width:max-content;align-items:center;animation:mq 46s linear infinite;will-change:transform}
.mq:hover .clients,.mq:focus-within .clients{animation-play-state:paused}
@keyframes mq{to{transform:translate3d(-50%,0,0)}}
.clients li{border:0;flex:none;padding:0 clamp(28px,4vw,56px)}
.clients a{height:64px;padding:0;transform:none;display:flex;align-items:center;gap:12px;opacity:.84;transition:opacity .3s}
.clients a:hover,.clients a:focus-visible{opacity:1}
.clients img{width:auto;max-width:none;object-fit:contain;filter:brightness(0) invert(1)}
.clients .l-marco{height:46px;filter:brightness(0) invert(1) contrast(1.4)}.clients .l-srt{height:34px}.clients .l-kip{height:42px}.clients .l-aroma{height:42px}.clients .l-wild{height:38px}.clients .l-med{height:46px}
.clients .wm{color:var(--w);white-space:nowrap;font-weight:400}
.clients .w-nor{font:600 25px/1 Georgia,"Times New Roman",serif;letter-spacing:.14em;text-transform:uppercase;font-size:21px}
.clients .w-yul{font:italic 500 28px/1 "Accent",Georgia,serif;letter-spacing:-.01em}
.clients .w-wild{font:600 22px/1 var(--sans);font-variation-settings:"wdth" 110;letter-spacing:-.02em}
html[lang="uk"] .hide-ua{display:none}
@media(prefers-reduced-motion:reduce){
  .mq{-webkit-mask-image:none;mask-image:none}
  .clients{animation:none;width:auto;flex-wrap:wrap;justify-content:center;row-gap:8px}
  .clients li[aria-hidden]{display:none}
}
.clients a:hover{transform:none}