.shop-by-category-section{overflow:hidden;padding-top:var(--shop-by-category-padding-top);padding-bottom:var(--shop-by-category-padding-bottom);color:rgb(var(--color-foreground))}.shop-by-category__header{width:100%;max-width:51.1rem;margin:0 auto 3.2rem;text-align:center}.shop-by-category__eyebrow{margin:0 0 .6rem;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;font-style:normal;font-weight:500;line-height:2rem;letter-spacing:0;text-transform:uppercase}.shop-by-category__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:4.8rem;font-style:var(--font-heading-style);font-weight:400;line-height:6rem;letter-spacing:-.096rem}.shop-by-category__grid{display:grid;grid-template-columns:minmax(0,410fr) minmax(0,411fr) minmax(0,411fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:1.6rem;width:100%;aspect-ratio:1264 / 524}.shop-by-category__card--1{grid-column:1;grid-row:1 / span 2}.shop-by-category__card--2{grid-column:2;grid-row:1}.shop-by-category__card--3{grid-column:3;grid-row:1}.shop-by-category__card--4{grid-column:2;grid-row:2}.shop-by-category__card--5{grid-column:3;grid-row:2}.shop-by-category__card{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;color:#fff;background:rgba(var(--color-foreground),.08);text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent}.shop-by-category__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.shop-by-category__card-image,.shop-by-category__card-placeholder,.shop-by-category__card-placeholder .placeholder-svg{display:block;width:100%;height:100%}.shop-by-category__card-image{object-fit:cover;object-position:center;transform:scale(1);transition:transform .5s cubic-bezier(.22,1,.36,1)}.shop-by-category__card-placeholder{background:rgba(var(--color-foreground),.08)}.shop-by-category__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;pointer-events:none;background:linear-gradient(180deg,#0000,#00000080)}.shop-by-category__card-content{z-index:2}.shop-by-category__card-overlay{display:none}.shop-by-category__card-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;padding:2.4rem;pointer-events:none}.shop-by-category__card--featured .shop-by-category__card-content{padding:2.8rem}.shop-by-category__card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.shop-by-category__card-eyebrow{display:block;margin-bottom:.4rem;color:#fff;font-family:var(--font-body-family);font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.8rem;letter-spacing:0;text-transform:uppercase}.shop-by-category__card-title{display:block;max-width:100%;color:#fff;font-family:var(--font-heading-family);font-size:2.8rem;font-style:var(--font-heading-style);font-weight:400;line-height:3.4rem;letter-spacing:-.056rem}.shop-by-category__card--featured .shop-by-category__card-title{font-size:3.2rem;line-height:3.8rem;letter-spacing:-.064rem}.shop-by-category__card-icon{display:block;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;line-height:0;transition:transform .25s ease}.shop-by-category__card-icon svg{display:block;width:100%;height:100%}@media(hover:hover){.shop-by-category__card[href]:hover .shop-by-category__card-image{transform:scale(1.025)}.shop-by-category__card[href]:hover .shop-by-category__card-icon{transform:translate(.15rem,-.15rem)}}.shop-by-category__card[href]:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.shop-by-category__footer{display:flex;justify-content:center;margin-top:3.2rem}.shop-by-category__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:1.2rem 2.2rem;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:.1rem solid rgb(var(--color-button));font-family:var(--font-body-family);font-size:1.3rem;font-style:normal;font-weight:500;line-height:2rem;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,background-color .2s ease}.shop-by-category__button-icon{display:block;flex:0 0 auto;transition:transform .2s ease}@media(hover:hover){.shop-by-category__button[href]:hover{opacity:.9}.shop-by-category__button[href]:hover .shop-by-category__button-icon{transform:translate(.15rem,-.15rem)}}.shop-by-category__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.shop-by-category__button--disabled{cursor:default;opacity:.5;pointer-events:none}@media screen and (max-width:989px){.shop-by-category__header{margin-bottom:2.8rem}.shop-by-category__heading{font-size:4rem;line-height:5rem;letter-spacing:-.08rem}.shop-by-category__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;aspect-ratio:auto}.shop-by-category__card--1,.shop-by-category__card--2,.shop-by-category__card--3,.shop-by-category__card--4,.shop-by-category__card--5{grid-column:auto;grid-row:auto}.shop-by-category__card--1{grid-column:1 / -1;aspect-ratio:16 / 7}.shop-by-category__card:not(.shop-by-category__card--1){aspect-ratio:411 / 250}.shop-by-category__card-content,.shop-by-category__card--featured .shop-by-category__card-content{padding:2.2rem}.shop-by-category__card-title{font-size:2.6rem;line-height:3.2rem;letter-spacing:-.052rem}.shop-by-category__card--featured .shop-by-category__card-title{font-size:3rem;line-height:3.6rem;letter-spacing:-.06rem}}@media screen and (max-width:749px){.shop-by-category-section{padding-top:var(--shop-by-category-padding-top-mobile);padding-bottom:var(--shop-by-category-padding-bottom-mobile)}.shop-by-category__header{max-width:100%;margin-bottom:2.4rem}.shop-by-category__eyebrow{margin-bottom:.4rem;font-size:1.2rem;line-height:1.8rem}.shop-by-category__heading{font-size:3.6rem;line-height:4.4rem;letter-spacing:-.072rem}.shop-by-category__grid{grid-template-columns:minmax(0,1fr);gap:1.2rem;aspect-ratio:auto}.shop-by-category__card--1,.shop-by-category__card--2,.shop-by-category__card--3,.shop-by-category__card--4,.shop-by-category__card--5{grid-column:1;grid-row:auto}.shop-by-category__card--1{aspect-ratio:410 / 524}.shop-by-category__card:not(.shop-by-category__card--1){aspect-ratio:411 / 250}.shop-by-category__card-content,.shop-by-category__card--featured .shop-by-category__card-content{padding:2rem}.shop-by-category__card-title{font-size:2.4rem;line-height:3rem;letter-spacing:-.048rem}.shop-by-category__card--featured .shop-by-category__card-title{font-size:3rem;line-height:3.6rem;letter-spacing:-.06rem}.shop-by-category__card-icon{flex-basis:3.6rem;width:3.6rem;height:3.6rem}.shop-by-category__footer{margin-top:2.4rem}.shop-by-category__button{width:100%;max-width:28rem}}@media(prefers-reduced-motion:reduce){.shop-by-category__card-image,.shop-by-category__card-icon,.shop-by-category__button,.shop-by-category__button-icon{transition:none}.shop-by-category__card[href]:hover .shop-by-category__card-image,.shop-by-category__card[href]:hover .shop-by-category__card-icon,.shop-by-category__button[href]:hover .shop-by-category__button-icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shop-by-category.css.map */