.collections-showcase{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-left:0;padding-right:0}.collections-showcase__header{text-align:center;margin-bottom:4rem}.collections-showcase__title{font-size:calc(var(--font-heading-scale) * 2.8rem);line-height:calc(1 + .3 / var(--font-body-scale));color:rgb(var(--color-foreground));margin:0 0 1rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.collections-showcase__subtitle{font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground),.7);max-width:60rem;margin:0 auto}.collections-showcase__grid{display:grid;grid-template-columns:repeat(var(--desktop-columns, 3),1fr);gap:0;margin-top:0}.collections-showcase__item{position:relative;overflow:hidden}.collections-showcase__link{display:block;text-decoration:none;color:inherit}.collections-showcase__image-container{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--border-radius);background-color:rgba(var(--color-foreground),.04)}.collections-showcase__image{position:absolute;top:0;left:0;width:100%;height:100%}.collections-showcase__image img{width:100%;height:100%;object-fit:cover;object-position:center}.collections-showcase__image--primary{z-index:2}.collections-showcase__image--hover{z-index:1;transform:scale(1.05)}.collections-showcase__item:hover .collections-showcase__image--primary{display:none}.collections-showcase__item:hover .collections-showcase__image--hover{z-index:2}.collections-showcase__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.04)}.collections-showcase__image--placeholder svg{width:60%;height:60%;opacity:.3}.collections-showcase--text-outside .collections-showcase__content{padding:2rem 0 0;text-align:center}.collections-showcase--text-outside .collections-showcase__overlay-content,.collections-showcase--text-overlay .collections-showcase__content{display:none}.collections-showcase--text-overlay .collections-showcase__overlay-content{position:absolute;z-index:3;color:rgb(var(--color-background));padding:2rem;background:transparent;width:100%}.collections-showcase--text-overlay.collections-showcase--overlay-bottom .collections-showcase__overlay-content{bottom:0;left:0;right:0;text-align:center;background:transparent}.collections-showcase--text-overlay.collections-showcase--overlay-top .collections-showcase__overlay-content{top:0;left:0;right:0;text-align:center;background:transparent}.collections-showcase--text-overlay.collections-showcase--overlay-left .collections-showcase__overlay-content{left:0;bottom:0;width:50%;display:flex;flex-direction:column;justify-content:center;text-align:left;background:transparent}.collections-showcase--text-overlay.collections-showcase--overlay-right .collections-showcase__overlay-content{top:0;right:0;bottom:0;width:50%;display:flex;flex-direction:column;justify-content:center;text-align:right;background:transparent}.collections-showcase--text-overlay.collections-showcase--overlay-center .collections-showcase__overlay-content{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#0009;border-radius:var(--border-radius);width:auto;max-width:80%}.collections-showcase__item-title{font-size:.75rem;color:#fff;margin:0 0 .5rem;font-family:Montserrat;font-style:var(--font-heading-style);font-weight:500;line-height:calc(1 + .3 / var(--font-body-scale))}.collections-showcase__item-description{font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground),.7);margin:0;line-height:calc(1 + .5 / var(--font-body-scale))}.collections-showcase--text-overlay .collections-showcase__item-title,.collections-showcase--text-overlay .collections-showcase__item-description{color:#fff!important}.collections-showcase__button{display:inline-block;margin-top:1rem;padding:.8rem 2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--border-radius);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:500;transition:all .3s ease}.collections-showcase--text-overlay .collections-showcase__button{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.collections-showcase__item:hover .collections-showcase__button{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 989px){.collections-showcase{padding-left:0;padding-right:0}.collections-showcase__header{margin-bottom:3rem}.collections-showcase__title{font-size:calc(var(--font-heading-scale) * 2.4rem)}.collections-showcase__grid{gap:0}}@media (max-width: 749px){.collections-showcase{padding-left:0;padding-right:0}.collections-showcase__header{margin-bottom:2.5rem}.collections-showcase__title{font-size:calc(var(--font-heading-scale) * 2rem)}.collections-showcase__subtitle{font-size:calc(var(--font-body-scale) * 1.2rem)}.collections-showcase__grid{grid-template-columns:repeat(var(--mobile-columns, 1),1fr)!important;gap:0}.collections-showcase--text-outside .collections-showcase__content{padding:1.5rem 0 0}.collections-showcase__item-title{font-size:.75rem}.collections-showcase__item-description{font-size:calc(var(--font-body-scale) * 1.2rem)}.collections-showcase--text-overlay .collections-showcase__overlay-content{padding:1.5rem}.collections-showcase--text-overlay.collections-showcase--overlay-left .collections-showcase__overlay-content,.collections-showcase--text-overlay.collections-showcase--overlay-right .collections-showcase__overlay-content{width:100%;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);top:auto;bottom:0}}@media (prefers-reduced-motion: reduce){.collections-showcase__image--hover{transform:none}.collections-showcase__button{transition:none}}.collections-showcase__link:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.collections-showcase__link:focus:not(:focus-visible){outline:0;box-shadow:none}.collections-showcase__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgba(var(--color-background),1)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collections-showcase.css.map */