.gh-brands{--gh-brands-top: var(--gh-brands-header, calc(var(--gh-header-h) + 1px));--gh-brands-bar-h: 64px}.gh-brands__head{display:flex;flex-direction:column;gap:10px;max-width:720px;padding:16px var(--gh-gutter) 0}.gh-brands__title{font-size:44px;font-weight:700;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.gh-brands__intro{font-size:16px;line-height:1.6;color:var(--gh-ink-3);text-wrap:pretty}.gh-brands__intro>*{margin:0}.gh-brands__intro>*+*{margin-top:.75em}.gh-brands__intro a{color:var(--gh-ink)}.gh-brands__featured{margin:40px var(--gh-gutter) 0;padding:28px;background:var(--gh-soft);border-radius:var(--gh-radius)}.gh-brands__h2{font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin-bottom:20px}.gh-brands__featured .gh-brands__media,.gh-brands--text .gh-brands__featured .gh-brands__tile{background:var(--gh-white)}.gh-brands__bar{position:sticky;top:var(--gh-brands-top);z-index:15;margin-top:32px;padding:12px var(--gh-gutter);background:var(--gh-white);border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line);transition:top .3s var(--gh-ease)}body:has(.gh-header-wrap.is-hidden) .gh-brands__bar{top:0}.gh-brands__keys{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.gh-brands__keys>li{display:flex}.gh-brands__key{min-width:36px;height:38px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gh-line);border-radius:var(--gh-radius);background:var(--gh-white);font:600 14px/1 var(--gh-font);color:var(--gh-ink);text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}a.gh-brands__key:hover{border-color:var(--gh-black);color:var(--gh-ink)}a.gh-brands__key:focus-visible{outline:2px solid var(--gh-black);outline-offset:2px}.gh-brands__key.is-active,.gh-brands__key[aria-current=true]{background:var(--gh-black);border-color:var(--gh-black);color:var(--gh-white)}.gh-brands__key.is-active:hover{color:var(--gh-white)}.gh-brands__key.is-empty{color:var(--gh-line-input);border-color:transparent;background:transparent;cursor:default}.gh-brands__groups{padding:0 var(--gh-gutter)}.gh-brands__group{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:40px 0;border-bottom:1px solid var(--gh-line);scroll-margin-top:calc(var(--gh-brands-top) + var(--gh-brands-bar-h) + 16px)}.gh-brands__group:last-child{border-bottom:0}.gh-brands__letter{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.03em}.gh-brands__letter:focus{outline:none}.gh-brands__letter:focus-visible{outline:2px solid var(--gh-black);outline-offset:4px}.gh-brands__grid{display:grid;grid-template-columns:repeat(var(--gh-brands-cols, 4),minmax(0,1fr));gap:28px 20px;margin:0;padding:0;list-style:none}.gh-brands__grid>li{min-width:0}.gh-brands__tile{display:flex;flex-direction:column;gap:12px;color:var(--gh-ink);text-decoration:none}.gh-brands__tile:hover{color:var(--gh-ink)}.gh-brands__tile:focus-visible{outline:2px solid var(--gh-black);outline-offset:4px}.gh-brands__media{display:block;aspect-ratio:1 / 1}.gh-brands__media img{transition:transform .4s var(--gh-ease)}.gh-brands__tile:hover .gh-brands__media img{transform:scale(1.03)}.gh-brands__mono{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.2vw,40px);font-weight:700;letter-spacing:-.02em;color:var(--gh-muted);text-transform:uppercase}.gh-brands__name{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.gh-brands__tile:hover .gh-brands__name{text-decoration:underline;text-underline-offset:3px}.gh-brands--text .gh-brands__grid{gap:10px}.gh-brands--text .gh-brands__tile{flex-direction:row;align-items:center;min-height:56px;padding:12px 16px;border:1px solid var(--gh-line);border-radius:var(--gh-radius);background:var(--gh-white);transition:border-color .15s ease}.gh-brands--text .gh-brands__tile:hover{border-color:var(--gh-black)}.gh-brands--text .gh-brands__tile:hover .gh-brands__name{text-decoration:none}.gh-brands--text .gh-brands__name{font-size:15px}@media(max-width:989px){.gh-brands{--gh-brands-bar-h: 57px}.gh-brands__head{padding-top:10px;gap:8px}.gh-brands__title{font-size:30px;letter-spacing:-.025em}.gh-brands__intro{font-size:14px;line-height:1.55}.gh-brands__featured{margin-top:24px;margin-left:0;margin-right:0;padding:20px var(--gh-gutter);border-radius:0}.gh-brands__h2{font-size:18px;margin-bottom:14px}.gh-brands__bar{margin-top:20px;padding:10px 0}.gh-brands__keys{flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--gh-gutter);scroll-padding:0 var(--gh-gutter)}.gh-brands__keys::-webkit-scrollbar{display:none}.gh-brands__keys[data-fade=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.gh-brands__keys[data-fade=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent)}.gh-brands__keys[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.gh-brands__keys>li{flex:none}.gh-brands__key{min-width:34px;height:36px;font-size:14px}.gh-brands__group{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0 28px}.gh-brands__letter{font-size:32px}.gh-brands__grid{gap:20px 12px}.gh-brands__tile{gap:8px}.gh-brands__name{font-size:14px}.gh-brands--text .gh-brands__grid{gap:8px}.gh-brands--text .gh-brands__tile{min-height:50px;padding:10px 12px}.gh-brands--text .gh-brands__name{font-size:14px}}@media(prefers-reduced-motion:reduce){.gh-brands__bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-brands.css.map */