.wg-brands__head{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;align-items:end;padding-bottom:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12);margin-bottom:2.4rem}.wg-brands__copy{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.wg-brands__copy p{margin:0;color:rgba(var(--color-foreground),.65);font-size:1.3rem;line-height:1.55;max-width:36rem}.wg-brands__bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:8.5rem;grid-auto-flow:dense;gap:1rem;margin:0;padding:0;list-style:none}.wg-brand-tile__item--wide,.wg-brand-tile__item--large{grid-column:span 2}.wg-brand-tile__item--tall,.wg-brand-tile__item--large{grid-row:span 2}.wg-brand-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1.6rem;overflow:hidden;border-radius:var(--media-radius, 0);border:.1rem solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));text-decoration:none;transition:background var(--wg-duration) var(--wg-ease)}@media(hover:hover){.wg-brand-tile:hover{background:rgba(var(--color-foreground),.04)}}.wg-brand-tile--text{align-items:center;justify-content:center;text-align:center}.wg-brand-tile--text .wg-brand-tile__name{font-size:1.7rem}.wg-brand-tile--image{border:0;color:#fff}.wg-brand-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.wg-brand-tile__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--wg-ease)}@media(hover:hover){.wg-brand-tile--image:hover .wg-brand-tile__media img{transform:scale(1.04)}}.wg-brand-tile--image:after{content:"";position:absolute;top:25%;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent,#000000c7);pointer-events:none}.wg-brand-tile__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.3rem;min-width:0}.wg-brand-tile__logo{max-height:3.2rem;max-width:11rem;width:auto;height:auto;object-fit:contain;margin:0 auto}.wg-brand-tile__name{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:2.1rem;line-height:1.1;overflow-wrap:break-word}.wg-brand-tile__count{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.wg-brand-tile__cta{position:absolute;z-index:2;top:1.4rem;right:1.4rem;display:inline-flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.wg-brand-tile__cta svg{width:1.2rem;height:1.2rem;transition:transform var(--wg-duration) var(--wg-ease)}.wg-brand-tile--text .wg-brand-tile__cta{opacity:0;transform:translate(-.4rem,.4rem);transition:opacity var(--wg-duration) var(--wg-ease),transform var(--wg-duration) var(--wg-ease)}@media(hover:hover){.wg-brand-tile--text:hover .wg-brand-tile__cta{opacity:.65;transform:translate(0)}.wg-brand-tile:hover .wg-brand-tile__cta svg{transform:translate(.3rem)}}.wg-brand-tile:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.wg-brands__mobile-action{text-align:center;padding-top:1.8rem}@media screen and (min-width:750px){.wg-brands__head{grid-template-columns:minmax(0,1fr) auto;gap:5rem;padding-bottom:2.4rem}.wg-brands__copy{align-items:flex-end;justify-self:end}.wg-brands__copy p{text-align:right}.wg-brands__bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:10rem;gap:1.2rem}.wg-brand-tile{padding:2rem}.wg-brand-tile__name{font-size:2.4rem}.wg-brands__mobile-action{display:none}}@media(prefers-reduced-motion:reduce){.wg-brand-tile,.wg-brand-tile__media img,.wg-brand-tile__cta,.wg-brand-tile__cta svg{transition:none}}.wg-brand-tile__item--standard .wg-brand-tile--image .wg-brand-tile__cta{font-size:0;gap:0}.wg-brand-tile--image .wg-brand-tile__cta,.wg-brand-tile--image .wg-brand-tile__name,.wg-brand-tile--image .wg-brand-tile__count{text-shadow:0 .1rem .8rem rgba(0,0,0,.45)}.wg-brand-tile--image .wg-brand-tile__cta svg{filter:drop-shadow(0 .1rem .4rem rgba(0,0,0,.5))}
/*# sourceMappingURL=/cdn/shop/t/10/assets/wg-shop-by-brand.css.map */