.home-ref{padding-block:48px;--home-ref-card:220px}
.home-ref h2{margin:0 0 18px;color:var(--green,#063d33);font-size:clamp(1.5rem,2.5vw,2rem)}
.home-ref__pause{accent-color:var(--green,#063d33);width:18px;height:18px;vertical-align:middle;cursor:pointer}
.home-ref__control{font-size:.8rem;color:#53635c;cursor:pointer;margin-left:5px}
.home-ref__viewport{overflow:hidden;margin-top:20px;padding-block:8px}
.home-ref__track{display:flex;width:max-content;animation:home-ref-scroll 40s linear infinite}
.home-ref__group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:16px;padding-right:16px;min-width:min(1320px,calc(100vw - 40px))}
.home-ref__card{flex:0 0 var(--home-ref-card);width:var(--home-ref-card);height:142px;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border:1px solid #e0e8e4;border-radius:12px}
.home-ref__card img{width:100%;height:100%;object-fit:contain}
.home-ref__pause:checked~.home-ref__viewport .home-ref__track,.home-ref__viewport:hover .home-ref__track{animation-play-state:paused}
.home-ref__track[data-single]{animation:none}.home-ref__track[data-single] .home-ref__group{min-width:0}
.home-ref__pause:focus-visible{outline:2px solid var(--green,#063d33);outline-offset:3px}
@keyframes home-ref-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.home-ref{--home-ref-card:160px;padding-block:32px}.home-ref__card{height:118px;padding:16px}}
@media(prefers-reduced-motion:reduce){.home-ref__track{animation:none;width:100%}.home-ref__group{min-width:0;flex-wrap:wrap;justify-content:flex-start;padding:0}.home-ref__group[aria-hidden],.home-ref__pause,.home-ref__control{display:none}.home-ref__card{max-width:100%}}