.section--collection-custom-showcase{--ccs-color-transition: .35s ease;color:var(--ccs-text-color, rgb(var(--color-foreground)));background-color:var(--ccs-background-color, rgb(var(--color-background)));transition:background-color var(--ccs-color-transition),color var(--ccs-color-transition)}.ccs__curve{position:relative;z-index:2;margin-block:calc(var(--ccs-curve-overlap, 2px) * -1);margin-inline:calc(var(--page-padding, 0px) * -1);background:var(--ccs-curve-surround-color, transparent);overflow:hidden;pointer-events:none;transition:background-color var(--ccs-color-transition)}.ccs__curve-svg{display:block;width:var(--ccs-curve-width, 100%);height:var(--ccs-curve-height, 12rem);margin-inline:auto;color:var(--ccs-curve-color, currentColor);transition:color var(--ccs-color-transition)}.ccs__curve-color--inherit .ccs__curve-svg{color:var(--ccs-background-color, rgb(var(--color-background)))}.ccs__curve--left .ccs__curve-svg{margin-inline-start:0;margin-inline-end:auto}.ccs__curve--right .ccs__curve-svg{margin-inline-start:auto;margin-inline-end:0}.ccs__curve--flip .ccs__curve-svg{transform:scaleY(-1)}.ccs{position:relative;z-index:3;width:100%;margin-inline:auto}.ccs--content-fixed{max-width:var(--page-width);padding-inline:1.5rem}.ccs__link{--animation-default: .3s linear;--reversed-link-gap: max(.05em, .1rem);color:var(--ccs-tab-inactive-color, rgba(var(--color-foreground), .3));transition:color .25s ease,background-size .25s ease}.ccs__link[aria-selected=true]{color:var(--ccs-tab-active-color, rgb(var(--color-primary)));background-position-x:var(--transform-origin-start);background-size:100% var(--reversed-link-gap);background-position-y:bottom}.ccs__button-wrap{display:flex;justify-content:center;margin-top:3.2rem}.ccs__collection-button[hidden]{display:none}.ccs__images{opacity:0}.ccs__images.active{animation:fade-in var(--animation-fast) both}.ccs__images.active .ccs__image-link{animation:ccs-image-pop .6s cubic-bezier(.22,1,.36,1) both}.ccs__images.active .ccs__image:nth-child(2) .ccs__image-link{animation-delay:.06s}.ccs__images.active .ccs__image:nth-child(3) .ccs__image-link{animation-delay:.12s}.ccs__image-link{display:block;color:inherit;text-decoration:none}.ccs__image-link:is(a):focus-visible{outline:2px solid currentColor;outline-offset:.4rem}.ccs__image{position:relative;z-index:3}.ccs__content{position:relative;z-index:4}.ccs__image .media-wrapper :where(img,svg){object-fit:var(--ccs-image-fit, cover);transform:rotate(var(--ccs-image-rotation, 0deg)) scale(var(--ccs-image-scale, 1));transition:transform .35s ease}@keyframes ccs-image-pop{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.section--collection-custom-showcase,.ccs__curve,.ccs__curve-svg,.ccs__link,.ccs__image .media-wrapper :where(img,svg){transition:none}.ccs__images.active .ccs__image-link{animation:none}}@media(min-width:768px){.ccs{min-height:68.6rem}.ccs__images .image-1{position:absolute;top:50%;inset-inline-end:76.6%;transform:translateY(-50%);width:34.3rem;max-width:22vw}.ccs__images .image-2{position:absolute;bottom:65%;inset-inline-start:80.48%;width:18.2rem;max-width:11vw}.ccs__images .image-3{position:absolute;top:66.91%;inset-inline-start:77.98%;width:32rem;max-width:20vw}.ccs__content{width:50%;margin:0 auto}.ccs__titles{gap:1.6rem}.ccs__link{font-size:clamp(3.44rem,4vw,7.2rem)}.ccs__button-wrap{margin-top:4rem}}@media(max-width:767.98px){.ccs__curve-svg{width:var(--ccs-curve-width-mobile, 170%);height:var(--ccs-curve-height-mobile, 9rem)}.ccs__curve-mobile--left .ccs__curve-svg{margin-inline-start:0;margin-inline-end:auto}.ccs__curve-mobile--center .ccs__curve-svg{margin-inline:auto;margin-bottom:calc(var(--ccs-curve-overlap, 2px) * -1)}.ccs__curve-mobile--right .ccs__curve-svg{margin-inline-start:auto;margin-inline-end:0}.ccs__images{margin:0 0 3.2rem}.ccs__images.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.8rem}.ccs__images--mobile-empty.active,.ccs__image--mobile-hidden{display:none}.ccs__image{--ccs-image-scale: 1}.ccs__image .media-wrapper{animation:none}.ccs__button-wrap{margin-top:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-custom-showcase.css.map */