.brand-index{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding-bottom:80px}.brand-index .pagination-wrapper{margin-top:0;padding-top:5px}.brand-index section.brandIndexHero{position:relative;width:100%;height:400px;overflow:hidden;background:-webkit-gradient(linear,left top,left bottom,color-stop(55.92%,rgba(0,0,0,0)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,0) 55.92%,#000 100%)}.brand-index section.brandIndexHero .brandIndexHero__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand-index section.brandIndexHero .brandIndexHero__content{position:relative;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:40px calc(var(--container-padding-x) + 36px);color:var(--color-tan-200);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.brand-index section.brandIndexHero .brandIndexHero__content ul.breadcrumbs{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.brand-index section.brandIndexHero .brandIndexHero__content li.breadcrumb{display:inline-block}.brand-index section.brandIndexHero .brandIndexHero__content li.breadcrumb::before{color:#fff}.brand-index section.brandIndexHero .brandIndexHero__content li.breadcrumb a{color:#fff;text-decoration:none;color:var(--Primary-White,#fff);font-family:Gotham;font-size:12px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.2px;text-transform:uppercase}.brand-index section.brandIndexHero .brandIndexHero__content li.breadcrumb .breadcrumb-label{color:var(--Primary-White,#fff);font-family:Gotham;font-size:12px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:1.2px;text-transform:uppercase}.brand-index section.brandIndexHero .brandIndexHero__content .breadcrumbs__link:hover{background-color:rgba(0,0,0,.5)}.brand-index section.brandIndexHero .brandIndexHero__content .breadcrumbs__separator{margin:0 5px;color:#fff}.brand-index section.brandIndexHero .brandIndexHero__content .brandIndexHero__title{font-size:2.5rem;margin:0;-ms-flex-item-align:start;align-self:flex-start}.brand-index section.brandIndexHero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(55.92%,rgba(0,0,0,0)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,0) 55.92%,#000 100%);z-index:1}.brand-index section.brandIndexHero .brandIndexHero__content{z-index:2}.brand-index section.brand-description-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px}@media (min-width:1025px){.brand-index section.brand-description-section{padding-top:40px;padding-bottom:40px}}.brand-index section.brand-description-section .brand-description{background-color:var(--color-gray-100);padding:20px}.brand-index .banner-img{background:-webkit-gradient(linear,left top,left bottom,color-stop(55.92%,rgba(0,0,0,0)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,0) 55.92%,#000 100%)}.brand-index .banner-img img{-o-object-fit:cover;object-fit:cover}.brand-index .title-container-cstm-brand{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:30%;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,0),#000 100%);padding:1rem}.brand-index .title-container-cstm-brand h1.page-heading{color:var(--color-tan-200);padding:0;font-size:2.5rem}.brand-index section.subcategories{padding-top:24px;padding-bottom:24px}@media (min-width:1025px){.brand-index section.subcategories{padding-bottom:48px}}.brand-index .categories-boxes{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:1025px){.brand-index .categories-boxes{grid-template-columns:repeat(3,1fr)}}.brand-index .categories-boxes .box{display:grid;grid-template-columns:0.75fr 1fr;gap:16px;width:100%;height:100%;padding:8px;border-radius:0;border:1px solid var(--color-gray-200)}.brand-index .categories-boxes .box .box__image{width:180px;height:180px}.brand-index .categories-boxes .box .box__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.brand-index .categories-boxes .box .box__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:100%}.brand-index .categories-boxes .box .box__content .box__content-title{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:500;text-align:center}.brand-index .categories-boxes .box .box__content .box__content-link{background:var(--color-tan-100);color:var(--color-gray-900);font-size:var(--text-sm);text-decoration:none;padding:6px 16px 8px;border-radius:24px;font-family:var(--font-family-alt);text-transform:uppercase}.brand-index section .relatedBlogPosts__title{margin-bottom:24px}@media (min-width:1025px){.brand-index section .relatedBlogPosts__title{margin-bottom:32px}}.brand-index section .blogPage__related{padding:0}.brand-index [data-sub-layout]{max-width:100%}.brand-index [data-sub-layout-container]{gap:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:1025px){.brand-index [data-sub-layout-container]{gap:36px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.brand-index [data-sub-layout-container] img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.brand-index .productList .productList__item img{aspect-ratio:4/3}