.collection-showcase{--cs-cols: 2;--cs-cols-mobile: 1;--cs-gap: 24px;--cs-radius: 16px;--cs-ratio: 4 / 3;--cs-ratio-mobile: 3 / 4;--cs-title-scale: 1;--cs-title-weight: 700;--cs-text: #ffffff;--cs-overlay-rgb: 0, 0, 0;--cs-overlay-opacity: .1;--cs-scrim: .65;--cs-btn-bg: #ffffff;--cs-btn-text: #2c2d2e;--cs-btn-hover-bg: #2c2d2e;--cs-btn-hover-text: #ffffff;--cs-btn-border: 1px;--cs-btn-radius: 4px}.collection-showcase .cs-grid{display:grid;grid-template-columns:repeat(var(--cs-cols-mobile),minmax(0,1fr));gap:calc(var(--cs-gap) * .6)}@media screen and (min-width:750px){.collection-showcase .cs-grid{grid-template-columns:repeat(var(--cs-cols),minmax(0,1fr));gap:var(--cs-gap)}}.collection-showcase .cs-card{position:relative;display:block;border-radius:var(--cs-radius);overflow:hidden;text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent}.collection-showcase .cs-card--below{overflow:visible;border-radius:0}.collection-showcase .cs-card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.collection-showcase .cs-card__media{position:relative;display:block;width:100%;aspect-ratio:var(--cs-ratio-mobile);overflow:hidden;border-radius:var(--cs-radius);background-color:#0000000a}@media screen and (min-width:750px){.collection-showcase .cs-card__media{aspect-ratio:var(--cs-ratio)}}.collection-showcase .cs-card__image,.collection-showcase .cs-card__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.001);transition:transform .7s cubic-bezier(.2,.6,.2,1);will-change:transform}.collection-showcase .cs-card__placeholder{width:100%;height:100%;background-color:#0000000d}.collection-showcase .cs-card__placeholder-svg{fill:#0000002e}@media(hover:hover){.collection-showcase--zoom .cs-card:hover .cs-card__image,.collection-showcase--zoom .cs-card:focus-visible .cs-card__image{transform:scale(1.05)}}.collection-showcase .cs-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgba(var(--cs-overlay-rgb),var(--cs-overlay-opacity));background-image:linear-gradient(to top,rgba(0,0,0,var(--cs-scrim)),rgba(0,0,0,calc(var(--cs-scrim) * .55)) 26%,#0000 62%)}.collection-showcase .cs-card[data-y=top] .cs-card__scrim{background-image:linear-gradient(to bottom,rgba(0,0,0,var(--cs-scrim)),rgba(0,0,0,calc(var(--cs-scrim) * .55)) 26%,#0000 62%)}.collection-showcase .cs-card[data-y=middle] .cs-card__scrim{background-image:linear-gradient(to top,rgba(0,0,0,calc(var(--cs-scrim) * .5)),rgba(0,0,0,calc(var(--cs-scrim) * .7)),rgba(0,0,0,calc(var(--cs-scrim) * .5)))}.collection-showcase .cs-card--overlay .cs-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:clamp(18px,6%,44px);color:var(--cs-text);pointer-events:none}.collection-showcase .cs-card--overlay[data-y=top] .cs-card__content{justify-content:flex-start}.collection-showcase .cs-card--overlay[data-y=middle] .cs-card__content{justify-content:center}.collection-showcase .cs-card--overlay[data-x=center] .cs-card__content{align-items:center;text-align:center}.collection-showcase .cs-card--overlay[data-x=right] .cs-card__content{align-items:flex-end;text-align:right}.collection-showcase .cs-card--below .cs-card__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px 2px 0;color:inherit}.collection-showcase .cs-card--below[data-x=center] .cs-card__content{align-items:center;text-align:center}.collection-showcase .cs-card--below[data-x=right] .cs-card__content{align-items:flex-end;text-align:right}.collection-showcase .cs-card__label{display:block;margin:0 0 .75em;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;opacity:.95}.collection-showcase .cs-card__title{margin:0;color:inherit;font-size:calc(clamp(1.375rem,1rem + 1.35vw,2.375rem) * var(--cs-title-scale));font-weight:var(--cs-title-weight);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}.collection-showcase .cs-card--overlay .cs-card__title{text-shadow:0 1px 24px rgba(0,0,0,.28)}.collection-showcase .cs-card__text{margin:.5em 0 0;max-width:36ch;color:inherit;font-size:clamp(.875rem,.83rem + .2vw,1rem);line-height:1.5;opacity:.92}.collection-showcase .cs-card--overlay .cs-card__text{text-shadow:0 1px 20px rgba(0,0,0,.3)}.collection-showcase .cs-card__button{display:inline-flex;align-items:center;justify-content:center;margin-top:clamp(14px,2.2vw,24px);min-height:44px;padding:.85em 2.2em;border:var(--cs-btn-border) solid var(--cs-btn-bg);border-radius:var(--cs-btn-radius);background-color:var(--cs-btn-bg);color:var(--cs-btn-text);font-size:.8125rem;font-weight:500;letter-spacing:.09em;line-height:1;text-align:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.collection-showcase .cs-card__button--outline{background-color:transparent;border-color:currentColor;color:var(--cs-text)}@media(hover:hover){.collection-showcase .cs-card:hover .cs-card__button--solid,.collection-showcase .cs-card:focus-visible .cs-card__button--solid{background-color:var(--cs-btn-hover-bg);border-color:var(--cs-btn-hover-bg);color:var(--cs-btn-hover-text)}.collection-showcase .cs-card:hover .cs-card__button--outline,.collection-showcase .cs-card:focus-visible .cs-card__button--outline{background-color:var(--cs-btn-hover-bg);border-color:var(--cs-btn-hover-bg);color:var(--cs-btn-hover-text)}}.collection-showcase .cs-card--below .cs-card__button--outline{color:inherit;border-color:currentColor}@media screen and (max-width:749px){.collection-showcase .cs-grid{align-items:start}.collection-showcase .cs-card--overlay .cs-card__content{padding:clamp(16px,5%,28px)}}@media screen and (max-width:480px){.collection-showcase .cs-card__button{width:100%;max-width:320px;padding:.85em 1.2em}.collection-showcase .cs-card--overlay[data-x=center] .cs-card__button{align-self:center}}@media(prefers-reduced-motion:reduce){.collection-showcase .cs-card__image,.collection-showcase .cs-card__button{transition:none}.collection-showcase--zoom .cs-card:hover .cs-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collection-showcase.css.map */