.showcase{--showcase-navy: #1f2440;--showcase-text: #4a4d5e;--showcase-rule: rgba(31, 36, 64, .14);padding-top:var(--showcase-pt-mobile);padding-bottom:var(--showcase-pb-mobile)}@media screen and (min-width:750px){.showcase{padding-top:var(--showcase-pt);padding-bottom:var(--showcase-pb)}}.showcase__inner{max-width:160rem;margin:0 auto;padding:0 var(--page-margin-mobile, 1.6rem)}@media screen and (min-width:750px){.showcase__inner{padding:0 var(--page-margin-tablet, 3rem)}}@media screen and (min-width:1025px){.showcase__inner{padding:0 var(--page-margin-desktop, 4rem)}}.showcase__heading{margin:0 0 3.2rem;text-align:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,2.6vw,3rem);letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-navy)}@media screen and (min-width:750px){.showcase__heading{margin-bottom:4.8rem}}.showcase__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;row-gap:5.6rem}@media screen and (min-width:750px){.showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.showcase__grid{grid-template-columns:repeat(var(--showcase-cols, 3),minmax(0,1fr))}}.showcase__item{position:relative;display:flex;flex-direction:column}@media screen and (min-width:750px){.showcase__item{padding:0 2.4rem}}@media screen and (min-width:1200px){.showcase__item{padding:0 3.6rem}}@media screen and (min-width:990px){.showcase--dividers .showcase__item+.showcase__item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--showcase-rule)}}@media screen and (min-width:750px)and (max-width:989px){.showcase--dividers .showcase__item:nth-child(2n):before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--showcase-rule)}}.showcase__media{position:relative;aspect-ratio:var(--showcase-ratio, 4 / 5);overflow:hidden;background:#efe9e4}.showcase__track{position:relative;width:100%;height:100%}.showcase__slide{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.showcase__slide img,.showcase__placeholder{display:block;width:100%;height:100%;object-fit:cover}.showcase__placeholder{fill:#1f244040}.showcase__slide--main img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.showcase__slide--hover{opacity:0;transition:opacity .7s ease}@media(hover:hover)and (pointer:fine){.showcase__item:hover .showcase__slide--hover,.showcase__item:focus-within .showcase__slide--hover{opacity:1}.showcase__item:hover .showcase__slide--main img{transform:scale(1.03)}.showcase__item:hover .showcase__dot:first-child{background:transparent}.showcase__item:hover .showcase__dot:last-child{background:#fff}}@media(hover:none),(pointer:coarse){.showcase__media--has-hover .showcase__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.showcase__media--has-hover .showcase__track::-webkit-scrollbar{display:none}.showcase__media--has-hover .showcase__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;scroll-snap-align:start;opacity:1}}.showcase__dots{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;gap:.7rem;pointer-events:none}.showcase__dot{width:7px;height:7px;border-radius:50%;border:1px solid #fff;background:transparent;box-shadow:0 0 2px #00000040;transition:background .3s ease}.showcase__dot.is-active{background:#fff}.showcase__content{padding-top:2.6rem;text-align:center;color:var(--showcase-text)}.showcase__title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(1.9rem,1.55vw,2.4rem);line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-navy)}.showcase__title a{color:inherit;text-decoration:none}.showcase__tagline{margin:0 0 .6rem;font-family:var(--font-heading-family);font-style:italic;font-size:1.8rem;line-height:1.4;color:var(--showcase-text)}.showcase__text,.showcase__text p{margin:0;font-size:1.5rem;line-height:1.6}.showcase__text p+p{margin-top:.4rem}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-product-showcase.css.map */