:root{--brands-gallery-gap:1rem;--brands-columns:auto-fit;--brands-column-size:minmax(6rem,1fr)}@media (min-width:640px){:root{--brands-column-size:minmax(14rem,1fr)}}@media (min-width:1280px){:root{--brands-column-size:minmax(14rem,1fr)}}@media (min-width:1440px){:root{--brands-column-size:minmax(15rem,1fr)}}.brands{background:var(--color-orange-100)}.brands-title{text-align:center}.brands-wrapper{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));grid-template-columns:repeat(var(--brands-columns),var(--brands-column-size));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;align-items:center;justify-items:center;place-items:center;align-content:center;justify-content:center;place-content:center}.brands-wrapper.active .brand:not(.active) .brand-logo{opacity:.5}.brand{transition:var(--transition-fast);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:relative;padding:clamp(1rem,5vw,4rem)}.brand-fullwidth{grid-column:1/-1;overflow:hidden;padding:0;max-height:0;opacity:0;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:clamp(2rem,5vw,5rem);gap:clamp(2rem,5vw,5rem);width:100%}@media (min-width:768px){.brand-fullwidth{grid-template-columns:repeat(2,1fr)}}.brand-fullwidth.active{max-height:2500px;padding-top:clamp(1rem,5vw,2rem);padding-bottom:clamp(1rem,5vw,2rem);opacity:1}.brand-logo{transition:var(--transition-fast);filter:saturate(0);cursor:pointer}.brand-logo:hover{opacity:.5}.brand-logo img{min-width:clamp(70px,5vw,110px)}.brand-close{position:absolute;top:0;display:flex;justify-content:flex-end;width:100%;cursor:pointer;pointer-events:all}.brand-content{margin-top:1rem;max-width:30rem}.brand-gallery{margin-top:1rem;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(2rem,8rem);grid-gap:1rem;gap:1rem;grid-gap:var(--brands-gallery-gap);gap:var(--brands-gallery-gap)}.brand-gallery .brand-gallery-item:nth-child(4n+1),.brand-gallery .brand-gallery-item:nth-child(4n+4){grid-column-end:span 2}.brand-gallery .brand-gallery-item:nth-child(4n+2),.brand-gallery .brand-gallery-item:nth-child(4n+3){grid-column-end:span 3}@media (min-width:768px){.brand-gallery{grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(2rem,8rem);grid-gap:1rem;gap:1rem;grid-gap:var(--brands-gallery-gap);gap:var(--brands-gallery-gap)}.brand-gallery .brand-gallery-item:nth-child(6n+1),.brand-gallery .brand-gallery-item:nth-child(6n+3),.brand-gallery .brand-gallery-item:nth-child(6n+5),.brand-gallery .brand-gallery-item:nth-child(6n+6){grid-column-end:span 2}.brand-gallery .brand-gallery-item:nth-child(6n+2),.brand-gallery .brand-gallery-item:nth-child(6n+4){grid-column-end:span 3}}