/* Customer logo row / marquee. Mono masks tinted from theme tokens, so they fit all themes + menus.
   Separate from site.css on purpose. The Eventpack logo is never targeted here. */
.ep-lg{display:inline-block;flex:0 0 auto;background-color:var(--c-text-2,currentColor);
  -webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat;opacity:.82;transition:opacity .2s,background-color .2s}
.ep-lg:hover{opacity:1;background-color:var(--c-text,currentColor)}
.ep-lg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 56px}
.ep-lg-row img.ep-lg-img{height:32px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7}
.ep-lg-row img.ep-brand-keep{height:32px;width:auto;filter:none!important}
.qlogo-lg{margin-left:auto;display:flex;align-items:center}
/* homepage marquee */
.ep-lg-marquee{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ep-lg-track{display:flex;align-items:center;width:max-content;animation:ep-lg-scroll 135s linear infinite}
.ep-lg-track,.ep-lg-dup{gap:56px}
.ep-lg-dup{display:flex;align-items:center;padding-right:56px} /* 20 Oct: was padding-left, which added to the track gap (112px between Alpha Kappa Psi and Fast Company) and made the loop jump 56px; trailing padding keeps one gap everywhere and a seamless -50% loop */
.ep-lg-track>.ep-lg:first-child{margin-left:0}
.ep-lg-marquee:hover .ep-lg-track{animation-play-state:paused}
@keyframes ep-lg-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ep-lg-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:24px}.ep-lg-dup{display:none}}
@media (max-width:640px){.ep-lg-track,.ep-lg-dup{gap:36px}.ep-lg-dup{padding-right:36px}.ep-lg-track{animation-duration:100s}.ep-lg-row{gap:20px 32px}}
/* Logos preview toggle: html[data-logos] = mono (default, theme-tinted masks) | gray | color. Brand logo (.ep-brand-keep / header logo) never targeted. */
html[data-logos="color"] .ep-lg,html[data-logos="gray"] .ep-lg{-webkit-mask:none;mask:none;background:var(--lgc,var(--lg)) center/contain no-repeat;opacity:1}
html[data-logos="color"] .ep-lg:hover{background-color:transparent}
html[data-logos="gray"] .ep-lg{filter:grayscale(1);opacity:.62}
html[data-logos="gray"] .ep-lg:hover{opacity:.9;background-color:transparent}
html[data-logos="color"] .ep-lg-row img.ep-lg-img{filter:none;opacity:1}
html[data-logos="gray"] .ep-lg-row img.ep-lg-img{filter:grayscale(1);opacity:.62}
html[data-logos="color"] .ep-lg[style*="logos-color/ocde"],html[data-logos="gray"] .ep-lg[style*="logos-color/ocde"]{width:140px!important;height:26px!important} /* official colour OCDE logo is a wide lockup (5.4:1); the mono asset is a square seal */

/* Case-study cards (audit I12, 2026-10-19): customer logos sit inside the 16:10 card image instead of being cropped by
   object-fit:cover (Alpha Kappa Psi showed "ALPHA KAPP..."). Logo colours untouched. */
.post-card .ep-img img[alt$=" logo"]{object-fit:contain;padding:8% 10%;box-sizing:border-box}