.references-section{padding:50px 0 85px;background:var(--sand)}
.references-section h2{color:var(--ink);font-size:clamp(30px,3.4vw,46px);margin-bottom:36px;text-align:center}
.references-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.reference-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:130px;padding:22px 15px;border-bottom:1px solid var(--line);border-radius:8px;transition:background .25s ease}
.reference-logo img{display:block;width:100%;height:78px;object-fit:contain;filter:grayscale(1);transition:filter .3s ease,transform .3s ease}
.reference-logo:hover img,.reference-logo:focus img{filter:grayscale(0);transform:scale(1.05)}
.reference-logo:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.reference-logo-light img{filter:grayscale(1) brightness(.25)}
.reference-logo-light:hover,.reference-logo-light:focus{background:var(--ink)}
@media(max-width:560px){.references-grid{gap:12px}.references-section{padding:38px 0 60px}}
@media(prefers-reduced-motion:reduce){.reference-logo,.reference-logo img{transition:none}}
.references-section{scroll-margin-top:110px;padding-bottom:60px}
.references-grid .reference-logo{flex:0 0 105px;width:105px;box-sizing:border-box;height:96px;padding:6px;border:0}
.references-grid .reference-logo img{width:100px;height:64px;object-fit:contain;transform:none}
.references-grid .reference-logo:hover img,.references-grid .reference-logo:focus img{transform:scale(1.05)}
.references-grid .reference-logo[aria-label="Sembol Plastik"] img{transform:scale(1.3)}
.references-grid .reference-logo[aria-label="Sembol Plastik"]:hover img,.references-grid .reference-logo[aria-label="Sembol Plastik"]:focus img{transform:scale(1.35)}
@media(max-width:560px){.references-grid .reference-logo{height:85px}.references-grid .reference-logo img{height:50px}}