:root{--sh-accent: #CC0000;--sh-accent-dark: #CC0000;--sh-space-3xs: .25rem;--sh-space-2xs: .5rem;--sh-space-xs: .75rem;--sh-space-sm: 1rem;--sh-space-md: 1.5rem;--sh-space-lg: 2rem;--sh-space-xl: 3rem;--sh-space-2xl: 4rem}.sh-brands{--sh-brands-text: #111111;--sh-brands-muted: #666666;--sh-brands-border: rgba(17, 17, 17, .1);--sh-brands-surface: #f8f8f6;--sh-brands-accent: var(--sh-accent);width:100%;margin:clamp(1rem,2vw,2rem) auto;color:var(--sh-brands-text)}.sh-brands,.sh-brands *,.sh-brands *:before,.sh-brands *:after{box-sizing:border-box}.sh-brands__header{margin-bottom:var(--sh-space-md)}.sh-brands__eyebrow{margin:0;color:var(--sh-brands-accent);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sh-brands__title{margin:var(--sh-space-3xs) 0 0;color:var(--sh-brands-text);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;line-height:1.1}.sh-brands__subtitle{max-width:44rem;margin:var(--sh-space-2xs) 0 0;color:var(--sh-brands-muted);font-size:1rem;line-height:1.5}.sh-brands__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sh-space-2xs);margin:0;padding:0;list-style:none}@media (min-width: 768px){.sh-brands__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sh-space-sm)}}.sh-brands__item{margin:0}.sh-brands__card{display:flex;flex-direction:column;align-items:center;gap:var(--sh-space-3xs);height:100%;padding:var(--sh-space-xs);border:1px solid var(--sh-brands-border);border-radius:8px;background:#fff;color:var(--sh-brands-text)!important;text-align:center;text-decoration:none!important;transition:border-color .2s ease,transform .2s ease}.sh-brands__card:hover,.sh-brands__card:focus-visible{border-color:var(--sh-brands-text);transform:translateY(-2px)}.sh-brands__logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin-bottom:var(--sh-space-3xs)}.sh-brands__logo{display:block;width:auto;max-width:100%;max-height:100%;margin:0!important;object-fit:contain}.sh-brands__wordmark{color:var(--sh-brands-text);font-size:.9rem;font-weight:900;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.sh-brands__name{color:var(--sh-brands-text);font-size:.86rem;font-weight:800;line-height:1.2;text-wrap:balance}.sh-brands__count{color:var(--sh-brands-muted);font-size:.76rem;font-weight:700;line-height:1.2}@media (prefers-reduced-motion: reduce){.sh-brands__card{transition:none}.sh-brands__card:hover,.sh-brands__card:focus-visible{transform:none}}.sh-brands__strip{--sh-brands-marquee-duration: 60s;--sh-brands-gap: clamp(.75rem, 2vw, 1.25rem);overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.sh-brands__track{display:flex;width:max-content;animation:sh-brands-marquee var(--sh-brands-marquee-duration) linear infinite}.sh-brands__strip:hover .sh-brands__track,.sh-brands__strip:focus-within .sh-brands__track{animation-play-state:paused}@keyframes sh-brands-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sh-brands__lane{display:flex;align-items:center;gap:var(--sh-brands-gap);margin:0;padding:0 var(--sh-brands-gap) 0 0;list-style:none}.sh-brands__lane-item{flex:0 0 auto;margin:0}.sh-brands__tile{display:flex;align-items:center;justify-content:center;width:clamp(78px,16vw,104px);height:clamp(64px,9vw,92px);opacity:.85;text-decoration:none!important;transition:opacity .2s ease}.sh-brands__tile:hover,.sh-brands__tile:focus-visible{opacity:1}.sh-brands__tile:focus-visible{outline:2px solid var(--sh-brands-accent);outline-offset:4px}.sh-brands__tile-logo{display:block;width:100%;height:100%;margin:0!important;object-fit:contain}.sh-brands__tile-wordmark{color:var(--sh-brands-text);font-size:.82rem;font-weight:900;letter-spacing:.04em;line-height:1.1;text-align:center;text-transform:uppercase}@media (prefers-reduced-motion: reduce){.sh-brands__strip{overflow-x:auto;overflow-y:hidden;-webkit-mask-image:none;mask-image:none}.sh-brands__track{animation:none}.sh-brands__lane[aria-hidden=true]{display:none}}

/*# sourceMappingURL=skatehouse-brands.min.css.map */