/* logos: vygenerované z návrhu nástrojom tools/split_css.py */
.trust{padding-block:clamp(30px,4vw,54px)}
.trust p{font-size:.9rem;color:var(--fg3);margin-bottom:22px;text-align:center}
.marq{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent)}
.marq-track{display:flex;align-items:center;gap:clamp(46px,5.5vw,100px);width:max-content;animation:marq 42s linear infinite;padding-right:clamp(46px,5.5vw,100px)}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}
.marq img{height:56px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.62;mix-blend-mode:multiply}
.marq-blur{position:absolute;top:0;bottom:0;width:24%;pointer-events:none;z-index:1}
.marq-blur.l{left:0}
.marq-blur.r{right:0;transform:scaleX(-1)}
.marq-blur i{position:absolute;inset:0}
.marq-blur i:nth-child(1){backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);mask-image:linear-gradient(to right,#000,transparent);-webkit-mask-image:linear-gradient(to right,#000,transparent)}
.marq-blur i:nth-child(2){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to right,#000,transparent 70%);-webkit-mask-image:linear-gradient(to right,#000,transparent 70%)}
.marq-blur i:nth-child(3){backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:linear-gradient(to right,#000,transparent 42%);-webkit-mask-image:linear-gradient(to right,#000,transparent 42%)}
@media (max-width:760px){
  .marq img{height:42px}
}
