.brand-list__item{border-bottom:1px solid var(--color-primary-40);padding:.625rem;position:relative}.brand-list__link{color:var(--color-secondary);font-size:1rem;font-weight:500;text-decoration:none}.brand-list__link:hover{color:var(--color-secondary-80)}@media screen and (min-width:1024px){.brand-list__link{font-size:1.125rem;font-weight:600}}.brand-list__navigation{--size:40px;display:grid;gap:.5rem;grid-auto-rows:var(--size);grid-template-columns:repeat(auto-fill,minmax(var(--size),1fr));padding:.625rem 0}.brand-list__navigation-link{align-items:center;aspect-ratio:1;background-color:var(--color-turquoise-40);border-radius:.25rem;color:var(--color-text);display:flex;justify-content:center;padding:.5rem;text-decoration:none}.brand-list__navigation-link:hover{background-color:var(--color-turquoise-60)}.brand-list__group{border-bottom:1px solid var(--color-beige-60);margin:2rem 0;padding-bottom:2rem}.brand-list__group-items{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1.5rem}.brand-list__group-item{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--elevation-1);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:11.25rem;padding:1.5rem 1rem;position:relative}.brand-list__group-item picture{aspect-ratio:1;width:6.25rem}.brand-list__link:before{background-color:#0000;content:"";inset:0 0 0 0;opacity:.1;position:absolute;transition:background-color .2s ease-in-out}.brand-list__link:hover:before{background-color:var(--color-turquoise-40)}