/* Customer logo ticker — shared across all marketing pages.
   Edit per-logo sizes here; do not duplicate this CSS into page templates. */

.logo-ticker-wrap{
  overflow:hidden;width:100%;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);
}
.logo-ticker{
  display:flex;align-items:center;
  gap:64px;
  width:max-content;
  animation:logo-ticker 35s linear infinite;
}
@keyframes logo-ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.logo-ticker-wrap:hover .logo-ticker{animation-play-state:paused;}

.logo-ticker img{
  width:auto;object-fit:contain;
  opacity:0.4;filter:grayscale(100%);
  transition:opacity .3s,filter .3s;
  flex-shrink:0;
}
.logo-ticker img:hover{opacity:0.8;filter:grayscale(0%);}

/* Per-logo heights (tuned visually for cap-height consistency) */
.logo-ticker img[alt="Verizon"]{height:22px;}
.logo-ticker img[alt="Workday"]{height:30px;}
.logo-ticker img[alt="Stanley Black & Decker"]{height:28px;}
.logo-ticker img[alt="J.Crew"]{height:18px;}
.logo-ticker img[alt="Eaton"]{height:48px;}
.logo-ticker img[alt="Domino's Pizza"]{height:28px;}
.logo-ticker img[alt="Domino's"]{height:28px;}
.logo-ticker img[alt="Arrive"]{height:22px;}
.logo-ticker img[alt="Genesys"]{height:20px;}
.logo-ticker img[alt="At Home"]{height:22px;}
.logo-ticker img[alt="goop"]{height:18px;}
.logo-ticker img[alt="Hg Capital"]{height:36px;}
.logo-ticker img[alt="Enlyte"]{height:24px;}
.logo-ticker img[alt="Ad Fontes Media"]{height:24px;}
.logo-ticker img[alt="Bokksu"]{height:22px;}
.logo-ticker img[alt="Madewell"]{height:16px;}

/* Pinata wordmark is white; invert so it reads on cream */
.logo-ticker img[alt="Pinata"]{height:22px;filter:grayscale(100%) invert(1);}
.logo-ticker img[alt="Pinata"]:hover{opacity:0.8;filter:grayscale(0%) invert(1);}

@media(max-width:768px){
  .logo-ticker{gap:40px;}
}