/* Trusted by (common/includes/trusted): the eyebrow, three rows of names rolling and the organizations line. Shown on the
   home page (landing/bodies/index) and the Templates page (landing/bodies/templates), the static .trusted and .logos are in
   base.css */

.trusted{padding-top:var(--section-y)}
.trusted--hero{padding-bottom:var(--section-y)}
#templates.appfull + .trusted{padding-top:clamp(8px,1vw,16px)}
.logos--reel{display:block;max-width:1100px;margin:0 auto;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%);
      mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%)}
.reel{overflow:hidden;min-width:0}
.reel + .reel{margin-top:clamp(10px,1.1vw,16px)}
/* four copies of the set, the track moves by half its width so the loop has no seam */
.reel__track{display:flex;width:max-content;animation:reel-roll var(--d,76s) linear infinite}
.reel--0{--d:82s}
.reel--1{--d:68s}
.reel--2{--d:94s}
.reel--1 .reel__track{animation-direction:reverse}
.reel__set{display:flex;align-items:center;gap:clamp(30px,3.6vw,56px);padding-right:clamp(30px,3.6vw,56px)}
.logos--reel .reel__set span{white-space:nowrap;line-height:1.5}
.logos--reel:hover .reel__track{animation-play-state:paused}
@keyframes reel-roll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.reel__track{animation:none}}
.trusted .logos__more{margin:clamp(14px,1.6vw,22px) 0 0;
      font-family:var(--font-head);font-weight:600;font-size:clamp(14.5px,1.15vw,17.5px);color:#9BA1AB;line-height:1.5}