.container{width:100%;margin:0 auto;padding:1rem}@media (max-width:640px){.container{padding:1rem}.brand-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.brand-info-sidebar{position:static;margin-bottom:2rem}h1{font-size:1.75rem;line-height:1.2;text-align:center}h2{font-size:1.5rem;margin-bottom:1rem}.brand-description{font-size:.875rem}}@media (min-width:641px) and (max-width:1024px){.container{padding:1.5rem;max-width:768px}.brand-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.brand-info-sidebar{position:sticky;top:2rem}h1{font-size:2rem}h2{font-size:1.75rem}.brand-description{font-size:1rem}}@media (min-width:1025px){.container{padding:2rem;max-width:1280px}.brand-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.brand-info-sidebar{position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}h1{font-size:2.5rem}h2{font-size:2rem}.brand-description{font-size:1rem;line-height:1.75}}h1{font-size:3rem}h2{font-size:2rem}.brand-card{transition:transform .2s ease-in-out}.brand-card:hover{transform:translateY(-2px)}.brand-logo-container{aspect-ratio:1;position:relative;overflow:hidden;border-radius:.75rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 37%,hsla(0,0%,100%,.1) 63%);background-size:200% 100%;animation:shimmer 1.5s infinite}