/* Original logos run in separate, straight strips below their reference sectors. */
.reference-logos{position:relative;margin-top:36px;padding:24px 0 28px;border-top:1px solid var(--line)}
.reference-logos__viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.reference-logos__track{display:flex;width:max-content;animation:reference-logos-slide 46s linear infinite;animation-play-state:paused}
.reference-logos__group{display:flex;gap:22px;padding-right:22px;flex-shrink:0}
.reference-logos__item{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:176px;color:var(--navy);text-align:center}
.reference-logos__mark{display:grid;place-items:center;width:176px;height:100px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 15px #061b3d06}
.reference-logos__mark--dark{background:var(--navy)}
.reference-logos__mark img{width:100%;height:100%;object-fit:contain}
.reference-logos__name{font-size:12px;line-height:1.4;font-weight:600;max-width:170px;min-height:34px}
.reference-logos__item:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:16px}
.reference-logos.is-visible:not(.is-paused) .reference-logos__track{animation-play-state:running}
.reference-logos:hover .reference-logos__track,.reference-logos:focus-within .reference-logos__track{animation-play-state:paused!important}
.reference-logos__pause{position:absolute;right:0;bottom:-6px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--brand);cursor:pointer}
.reference-logos__pause[hidden]{display:none}
@keyframes reference-logos-slide{to{transform:translateX(-50%)}}
@media(max-width:750px){.reference-logos__group{gap:16px;padding-right:16px}.reference-logos__item{width:144px}.reference-logos__mark{width:144px;height:90px;padding:14px}.reference-logos__name{font-size:11px;max-width:140px}.reference-logos{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.reference-logos__track{animation:none;transform:none;width:100%}.reference-logos__group{flex-wrap:wrap;justify-content:center;width:100%;padding:0}.reference-logos__group[aria-hidden]{display:none}.reference-logos__viewport{mask-image:none}.reference-logos__pause{display:none}}

.reference-logos:not(.is-ready) .reference-logos__track{width:100%}
.reference-logos:not(.is-ready) .reference-logos__group{flex-wrap:wrap;justify-content:center;padding:0}

/* Fit the portrait Anfos mark within the same frame as the other logos. */
.reference-logos__group{align-items:center}
.reference-logos__mark--anfos{height:100px;padding:8px 12px}
.reference-logos__mark--anfos img{width:auto;max-width:100%;height:100%;max-height:82px}
.reference-logos__item:has(.reference-logos__mark--anfos) .reference-logos__name{font-size:14px;font-weight:700;color:#10243a;line-height:1.45}
@media(max-width:750px){.reference-logos__mark--anfos{height:90px;padding:7px 10px}.reference-logos__mark--anfos img{max-height:74px}.reference-logos__item:has(.reference-logos__mark--anfos) .reference-logos__name{font-size:13px}}

.reference-logos__pause{width:44px;height:44px}
