.brands__nav{margin-bottom:1.2rem}.brands__grid{-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;grid-template-columns:repeat(3,1fr);column-gap:1.6rem;display:grid}@media screen and (max-width:749.95px){.brands__grid{margin:0 calc(-.5 * var(--spacing-normal))}}@media screen and (min-width:900px){.brands__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1025px){.brands__grid{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1280px){.brands__grid{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width:1600px){.brands__grid{grid-template-columns:repeat(7,1fr)}}@media screen and (min-width:2000px){.brands__grid{grid-template-columns:repeat(8,1fr)}}.brand__tile{border-radius:.4rem;justify-content:center;align-items:center;display:flex}.brand__logo-text{text-align:center;padding:1.6rem}.brand-title{text-align:center;display:none}@media (hover:hover){.brand-title{opacity:0;width:100%;-webkit-transition:-webkit-transform var(--duration-medium) var(--ease-out);transition:-webkit-transform var(--duration-medium) var(--ease-out);transition:transform var(--duration-medium) var(--ease-out);transition:transform var(--duration-medium) var(--ease-out), -webkit-transform var(--duration-medium) var(--ease-out);font-size:1.4rem;line-height:1.2;transition-property:-ms-transform,transform,opacity;display:block;position:absolute;top:100%;left:0;-ms-transform:translateY(-3.2rem);transform:translateY(-3.2rem)}.brand__logo,.brand__logo-text{-webkit-transition:-webkit-transform var(--duration-medium) var(--ease-out);transition:-webkit-transform var(--duration-medium) var(--ease-out);transition:transform var(--duration-medium) var(--ease-out);transition:transform var(--duration-medium) var(--ease-out), -webkit-transform var(--duration-medium) var(--ease-out);-ms-transform:scale(1);transform:scale(1)}.brand__tile:hover .brand-title{opacity:1;-ms-transform:translateY(-2.4rem);transform:translateY(-2.4rem)}.brand__tile:hover .brand__logo,.brand__tile:hover .brand__logo-text{-ms-transform:scale(1.1);transform:scale(1.1)}}.brand__detail-marker{visibility:hidden;pointer-events:none;width:100%;height:2.4rem;-webkit-transition:visibility 0s linear var(--duration-fast);transition:visibility 0s linear var(--duration-fast);position:absolute;bottom:-1.6rem;left:0;overflow:clip}.collapsible-is-open .brand__detail-marker{visibility:visible;transition:all}.brand__detail-marker-shape{width:1.6rem;height:1.6rem;-webkit-transition:-webkit-transform var(--duration-fast) var(--ease-out);transition:-webkit-transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out), -webkit-transform var(--duration-fast) var(--ease-out);position:absolute;top:100%;left:50%;-ms-transform:translate(-50%)rotate(45deg);transform:translate(-50%)rotate(45deg)}.collapsible-is-open .brand__detail-marker-shape{-ms-transform:translate(-50%,-50%)rotate(45deg);transform:translate(-50%,-50%)rotate(45deg)}.brand__details-wrapper{z-index:2;position:absolute;left:0;right:0;-ms-transform:translateY(1.6rem);transform:translateY(1.6rem)}.brand-details{row-gap:2.5rem;padding-top:2.4rem;padding-bottom:2.4rem;display:grid}.brand-details__close{position:absolute;top:2.2rem;right:1.6rem}.brand-details__header{row-gap:1rem;padding-right:2.4rem;display:grid}.brand-details__title{color:rgb(var(--color-red))}.brand-details__title a{text-underline-offset:.3rem;-webkit-transition:color var(--duration-fast) linear;transition:color var(--duration-fast) linear;text-decoration:underline;text-decoration-thickness:.2rem}.brand-details__title a:hover{color:rgb(var(--color-red-75))}@media screen and (min-width:750px){.brand-details{padding-top:3.2rem;padding-bottom:3.2rem}.brand-details__close{position:absolute;top:3.2rem;right:3.2rem}}.brand-details__sub-brands{color:rgb(var(--color-black));row-gap:.8rem;display:grid}@media screen and (min-width:750px){.brand-details__sub-brands{row-gap:1.6rem;margin-bottom:.8rem}}@media screen and (min-width:500px){.sub-brands--columns{-webkit-column-gap:3rem;-moz-column-gap:3rem;-webkit-column-width:24rem;-moz-column-width:24rem;column-width:24rem;column-gap:3rem}.sub-brands--columns-2{max-width:62.2rem}.sub-brands--columns-3{max-width:94.8rem}.sub-brands--columns-4{max-width:127.4rem}.sub-brands--columns-5{max-width:160rem}.sub-brands--columns-6{max-width:192.6rem}}