.brands-page{--brands-az-height: 52px}.brands-page__inner{display:flex;flex-direction:column;gap:2.4rem}.brands-page__breadcrumb{margin-bottom:-.8rem}.brands-page__breadcrumb .breadcrumb{margin:0;font-size:1.2rem}.brands-page__header{max-width:72rem}.brands-page__title{margin:0 0 1.2rem;font-family:var(--font-heading-family),serif;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:400;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;color:#121212}.brands-page__intro{margin:0;max-width:56rem;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.78)}.brands-page__intro p{margin:0}.brands-page__featured-section{display:flex;flex-direction:column;gap:1.6rem}.brands-page__featured-heading{margin:0;padding-bottom:.8rem;border-bottom:1px solid rgba(var(--color-foreground),.12);font-family:var(--font-heading-family),serif;font-size:1.4rem;font-weight:400;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:#121212}.brands-page__featured-scroll{position:relative}.brands-page__featured-hint{display:none}.brands-page__featured{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:1.2rem}.brands-page__featured-card{flex:0 1 auto;min-width:0;max-width:none}@media screen and (max-width:989px){.brands-page__featured{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.4rem;padding-bottom:.4rem;padding-inline:.4rem;margin-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.brands-page__featured-hint{display:block;margin:0 0 .8rem;padding-inline-end:.4rem;font-size:1.2rem;letter-spacing:.04em;text-align:right;color:rgba(var(--color-foreground),.5)}.brands-page__featured-scroll.is-at-end .brands-page__featured-hint{opacity:0}.brands-page__featured::-webkit-scrollbar{display:none}.brands-page__featured-card{flex:0 0 auto;scroll-snap-align:start}.brands-page__featured-card:last-child{scroll-snap-align:end;padding-inline-end:.4rem}}.brands-page__featured-link{display:flex;flex-direction:column;gap:.6rem;height:100%;color:inherit;text-decoration:none}.brands-page__featured-image{display:block;width:auto;max-width:100%;max-height:4.8rem;object-fit:contain;object-position:left center}.brands-page__featured-placeholder{display:flex;align-items:center;min-height:3.2rem;font-family:var(--font-heading-family),serif;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:#121212}.brands-page__featured-title{margin:0;font-family:var(--font-heading-family),serif;font-size:1.4rem;font-weight:400;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:#121212}.brands-page__featured-tagline{margin:0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.68)}.brands-page__featured-link:hover .brands-page__featured-title,.brands-page__featured-link:focus-visible .brands-page__featured-title{text-decoration:underline;text-underline-offset:.2rem}.brands-page__search{position:relative;width:100%;max-width:48rem;margin-inline:auto}.brands-page__search input{width:100%;margin:0;padding:1.4rem 4rem 1.4rem 1.6rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:0;background:rgb(var(--color-background));font-size:1.4rem;line-height:1.4;color:rgb(var(--color-foreground))}.brands-page__search input:focus{outline:2px solid rgba(var(--color-foreground),.35);outline-offset:2px}.clear-input-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:2rem;line-height:1;color:rgba(var(--color-foreground),.65);display:none;padding:0}.brands-page__search input:not(:placeholder-shown)+.clear-input-button{display:block}.brands-page__empty{margin:-1.2rem auto 0;text-align:center;font-size:1.4rem;color:rgba(var(--color-foreground),.65)}.brands-page__az{display:flex;flex-wrap:nowrap;gap:0;align-items:center;overflow-x:auto;position:sticky;top:var(--header-height, 48px);z-index:2;margin-inline:-1.6rem;padding:.8rem 1.6rem;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12);-webkit-overflow-scrolling:touch;scrollbar-width:none}.brands-page__az::-webkit-scrollbar{display:none}.navigation_letter{flex:0 0 auto;border:0;background:transparent;padding:.8rem 1rem;font-family:var(--font-heading-family),serif;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));cursor:pointer;position:relative;transition:color .15s ease}.navigation_letter:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.2rem;height:1px;background:currentColor;transform:scaleX(0);transition:transform .18s ease}.navigation_letter:hover:not(:disabled),.navigation_letter:focus-visible:not(:disabled){color:rgba(var(--color-foreground),.72)}.navigation_letter.is-active:after,.navigation_letter:hover:not(:disabled):after,.navigation_letter:focus-visible:not(:disabled):after{transform:scaleX(1)}.navigation_letter.is-active{font-weight:600}.navigation_letter.disabled_brand{opacity:.28;cursor:default;pointer-events:none;text-decoration:none}.brands-page__directory{display:flex;flex-direction:column;gap:3.2rem}.brands-page__letter-group{scroll-margin-top:calc(var(--header-height, 48px) + var(--brands-az-height) + 1.6rem)}.brands-page__letter-group.is-empty,.brands-page__brand-list .is-filtered-out{display:none}.brands-page__letter-heading{margin:0 0 1.6rem;padding-bottom:.8rem;border-bottom:1px solid rgba(var(--color-foreground),.12);font-family:var(--font-heading-family),serif;font-size:2.4rem;font-weight:400;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#121212}.brands-page__brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.brands-page__brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.brands-page__brand-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1200px){.brands-page__brand-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.brand-link a{display:inline-block;padding:.2rem 0;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.5;text-decoration:none;transition:color .15s ease}.brand-link a:hover,.brand-link a:focus-visible{text-decoration:underline;text-underline-offset:.2rem}@media screen and (min-width:990px){.brands-page__az{flex-wrap:wrap;justify-content:space-between;overflow-x:visible;margin-inline:0;padding-inline:0}.navigation_letter{font-size:1.4rem;padding:.6rem .4rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/brands-page.css.map */