/* trusted-a.css: auto-scrolling logo strip for "Trusted by".
   Restored from the original marquee pattern (marquee_track_4: duplicated list,
   translateX 0 -> -50%, linear, infinite, pause on hover) first built in
   ~/Projects/silas-realty-v2 (Mar 2026) and the partner logo set from
   ~/Projects/silas-redesign/site/assets/partners (Oct 2026). */
.trusted .trusted__list{display:none}
.trusted .trusted__wrap{gap:clamp(1rem,.8rem + .8vw,1.5rem)}
.logo-marquee{position:relative;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-marquee__track{display:flex;width:max-content;will-change:transform;
  animation:logo-marquee 30s linear infinite}
.logo-marquee:hover .logo-marquee__track,.logo-marquee:focus-within .logo-marquee__track{animation-play-state:paused}
.logo-marquee__list{display:flex;flex:none;align-items:center;list-style:none;margin:0;padding:0 0 0 clamp(2.5rem,2rem + 2vw,4.5rem);
  gap:clamp(2.5rem,2rem + 2vw,4.5rem)}
.logo-marquee__item{flex:none;display:flex;align-items:center;height:clamp(28px,24px + 1.2vw,40px)}
.logo-marquee__item img{display:block;height:100%;width:auto;max-width:none;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.78;transition:opacity .2s}
.logo-marquee__item--sm img{height:78%}
.logo-marquee__item img:hover{opacity:1}
@keyframes logo-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .logo-marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .logo-marquee__track{animation:none}
  .logo-marquee__list[aria-hidden="true"]{display:none}
}