.sky-showcase{background:rgb(var(--sky-black));color:rgb(var(--sky-white))}.sky-showcase__scroll{position:relative;display:block}.sky-showcase__banner{position:relative;height:100vh;overflow:hidden}.sky-showcase__banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--banner-opacity, 1)}.sky-showcase__banner-content{position:relative;padding-block:100px}.sky-showcase__heading{--sky-heading-color: var(--sky-white);font-size:var(--sky-h1);max-width:650px}.sky-showcase__stage,.sky-showcase__spacer{display:none}@media(min-width:768px){.sky-showcase__banner{position:sticky;top:0}.sky-showcase__stage{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,536fr) minmax(0,804fr);gap:30px;height:100vh;padding-block:70px}.sky-showcase__spacer{display:block;height:calc((var(--count) - 1) * 125vh)}}.sky-showcase__menu{position:relative;display:flex;flex-direction:column;min-height:0;padding:60px 0 24px;border-radius:30px;background:rgb(var(--sky-white));color:rgb(var(--sky-black));overflow:hidden}.sky-showcase__label{padding-inline:30px;font-size:16px;text-align:center;text-transform:uppercase}.sky-showcase__list{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding-inline:30px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.sky-showcase__list-inner{text-align:center;transform:translateY(var(--list-offset, 0px));transition:transform .6s var(--sky-ease)}.sky-showcase__list-item{display:block;padding-block:10px;font-size:var(--sky-h3);line-height:1.2;color:rgb(var(--sky-black));opacity:.5;transition:opacity .4s ease}.sky-showcase__list-item.is-active,.sky-showcase__list-item:hover{opacity:1}.sky-showcase__marquee{font-size:var(--sky-text-base);--sky-marquee-duration: 25s}.sky-showcase__marquee-item{display:inline-flex;align-items:center;gap:25px;padding-left:25px}.sky-showcase__marquee-item:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.sky-showcase__images{position:relative;min-height:0;border-radius:30px;overflow:hidden;background:#363636}.sky-showcase__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;will-change:clip-path}.sky-showcase__image img{transform:translateY(var(--parallax, 0px)) scale(1.08)}.sky-showcase__card{position:absolute;right:20px;bottom:20px;z-index:2;width:min(500px,calc(100% - 40px));height:296px;border-radius:30px;overflow:hidden;background:#00000080;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.sky-showcase__card-inner{transform:translateY(calc(var(--active, 0) * -296px));transition:transform .7s var(--sky-ease)}.sky-showcase__card-item{display:flex;flex-direction:column;justify-content:space-between;height:296px;padding:30px;opacity:.3;transition:opacity .5s ease}.sky-showcase__card-item.is-active{opacity:1}.sky-showcase__card-icon{display:flex;width:60px;height:60px;color:rgb(var(--sky-white))}.sky-showcase__card-icon :is(img,svg){width:100%;height:100%;object-fit:contain}.sky-showcase__card-text{font-size:24px;line-height:1.2}@media(max-width:1199px)and (min-width:768px){.sky-showcase__card-text{font-size:18px}.sky-showcase__card,.sky-showcase__card-item{height:220px}.sky-showcase__card-inner{transform:translateY(calc(var(--active, 0) * -220px))}}@media(max-width:767px){.sky-showcase__banner{height:446px}.sky-showcase__banner-content{padding-block:30px;text-align:center}.sky-showcase__heading{max-width:none}.sky-showcase__mobile{position:relative;z-index:2;margin-top:-278px;padding-bottom:30px}}.sky-showcase__mobile-track{display:flex;gap:10px;padding-inline:var(--sky-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sky-gutter);scrollbar-width:none}.sky-showcase__mobile-track li{flex:0 0 165px;scroll-snap-align:start}.sky-showcase__mcard{position:relative;display:block;height:245px;border-radius:15px;overflow:hidden;color:rgb(var(--sky-white))}.sky-showcase__mcard-media{position:absolute;top:0;right:0;bottom:0;left:0}.sky-showcase__mcard-title{position:absolute;top:18px;left:10px;right:10px;text-align:center;font-size:13px}.sky-showcase__mcard-info{position:absolute;left:10px;right:10px;bottom:10px;display:grid;gap:18px;padding:12px 10px;border-radius:12px;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;line-height:1.35}.sky-showcase__mcard-info .sky-showcase__card-icon{width:30px;height:30px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-showcase-collections.css.map */