.storytelling{height:var(--section-height);width:100%;background-color:#add8e6;position:relative}.storytelling .fixed-background-media{max-width:100%;height:100vh;position:sticky;top:0}.storytelling .fixed-background-media .fixed-background-media__overlay{background:linear-gradient(0deg,var(--overlay-color-two) 0%,var(--overlay-color-one) 100%);display:block;opacity:var(--overlay-opacity);position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.fixed-background-media>div{height:100%;width:100%;position:relative;overflow:hidden}.storytelling .fixed-background-media img{height:100%;width:100%;object-fit:cover}.storytelling .fixed-background-media video{height:100%;width:100%;object-fit:cover}.storytelling .top-content-block{position:absolute;top:0;height:100vh;left:0;width:100%;overflow:hidden}.storytelling .middle-content-block{position:absolute;top:100vh;height:100vh;padding-top:37vh;left:0;width:100%;overflow:hidden}.storytelling .bottom-content-block{position:absolute;top:200vh;height:100vh;padding-top:40vh;left:0;width:100%;overflow:hidden}.storytelling .carousel-content-block{height:100vh;width:100%;position:absolute;bottom:0}.storytelling .carousel-content-block{position:absolute;bottom:0;height:200vh;left:0;width:100%;max-width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.storytelling .carousel-content-block .carousel-content-block__marquee{position:absolute;top:50%;transform:translateY(-50%);left:0}.storytelling .content-text-inputs{position:absolute;width:100%;bottom:var(--layout-space-20);left:0;padding:0 var(--layout-space-offset-3);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--layout-space-10)}.storytelling .content-text-inputs p{margin:0;text-align:center;font-size:var(--text-size-base)}.storytelling .bottom-content-block .content-text-inputs{margin-top:30rem}@media(min-width:750px){.storytelling .content-text-inputs{flex-direction:row;justify-content:space-between}.storytelling .content-text-inputs p{max-width:44rem;text-align:left}}.scrollable-video{position:absolute;top:0;z-index:3;width:100%;height:200vh;display:flex;justify-content:center}.scrollable-video video{max-width:100%;height:100vh;position:sticky;top:0}.scrollable-video img{max-width:100%;width:auto;height:100vh;position:sticky;top:0}.storytelling marquee-component{display:flex;padding:var(--layout-space-3) 0}.storytelling marquee-component{display:flex}.storytelling marquee-component .marquee-item{width:fit-content;padding:0 3rem}.storytelling marquee-component .marquee-item span{text-transform:uppercase;font-family:var(--font-heading-family);white-space:nowrap}.storytelling marquee-component .marquee-item span.font-size-small{font-size:1.5rem;letter-spacing:1px}.storytelling marquee-component .marquee-item span.font-size-medium{font-size:2.6rem;letter-spacing:2px}.storytelling marquee-component .marquee-item span.font-size-large{font-size:5.2rem;letter-spacing:4px}.storytelling marquee-component .marquee-item span.font-size-extra_large{font-size:6rem;letter-spacing:3px;line-height:6rem}@media(max-width:749px){.storytelling marquee-component:has(+marquee-component){padding-bottom:0}.storytelling marquee-component+marquee-component{padding-top:0}}@media(min-width:750px){.storytelling marquee-component .marquee-item span.font-size-small{font-size:1.8rem;letter-spacing:1px}.storytelling marquee-component .marquee-item span.font-size-medium{font-size:2.6rem;letter-spacing:2px}.storytelling marquee-component .marquee-item span.font-size-large{font-size:5.2rem;letter-spacing:4px}.storytelling marquee-component .marquee-item span.font-size-extra_large{font-size:12.9rem;letter-spacing:7px;line-height:10rem}}.storytelling .carousel-wrapper{height:100vh;width:100%;background:linear-gradient(180deg,var(--gradient-color-one) 0%,var(--gradient-color-two) 100%);display:flex;align-items:center;position:relative;position:absolute;bottom:0;left:0}.storytelling .storytelling-carousel{max-height:100vh;width:100%;height:100%;display:flex;align-items:center;position:relative;z-index:1}.storytelling .storytelling-carousel .carousel-container{display:flex;align-items:center;height:100%}.storytelling .storytelling-carousel .carousel-container.sliding-transition{transition:all .5s ease-in-out}.arrow-button{padding:0;position:absolute;bottom:var(--layout-space-24);transform:translateY(-50%);color:rgb(var(--color-base-light));border:none;background:none;height:var(--layout-space-12);width:var(--layout-space-12);cursor:pointer}.arrow-button svg{width:100%;height:auto}.arrow-button svg path{stroke:rgb(var(--color-base-light))}span{height:100%;width:100%}.left-arrow{left:var(--layout-space-10)}.right-arrow{right:var(--layout-space-10);transform:rotate(180deg)}@media(max-width:990px){.arrow-button{bottom:var(--layout-space-16);height:var(--layout-space-8);width:var(--layout-space-8)}.left-arrow{left:22%}.right-arrow{right:22%;transform:rotate(180deg)}}.storytelling .storytelling-carousel .carousel-product{display:flex;flex-direction:column;width:25%;min-width:25%;transition:all .5s ease-in-out}.storytelling .storytelling-carousel .carousel-product.active{display:flex;flex-direction:column;width:50%;min-width:50%;transition:all .5s ease-in-out}.storytelling .storytelling-carousel .carousel-product .carousel-product__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--layout-space-10);padding-top:var(--layout-space-12)}.storytelling .storytelling-carousel .carousel-product .carousel-product__content h3{color:rgb(var(--color-base-light));font-size:var(--text-size-2xl);text-transform:uppercase;text-align:center;margin:0}.storytelling .storytelling-carousel .carousel-product .carousel-product__content p{color:rgb(var(--color-base-light));font-size:var(--text-size-base);text-align:center;margin:0;max-width:80%;transition:opacity 1.5s ease-in-out}.storytelling .storytelling-carousel .carousel-product:not(.active) .carousel-product__content p{opacity:0;transition:opacity .25s ease-in-out}.storytelling .storytelling-carousel .carousel-product .carousel-product__media{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.storytelling .storytelling-carousel .carousel-product .carousel-product__media .sticker-img{position:absolute;left:var(--sticker-left-desktop);bottom:var(--sticker-bottom-desktop);width:var(--sticker-width-desktop);pointer-events:none}@media(max-width:990px){.storytelling .storytelling-carousel .carousel-product .carousel-product__media .sticker-img{left:var(--sticker-left-mobile);bottom:var(--sticker-bottom-mobile);width:var(--sticker-width-mobile)}}.storytelling .storytelling-carousel .carousel-product .carousel-product__media .sticker-img img{width:100%;height:auto}.storytelling .storytelling-carousel .carousel-product .carousel-product__media video{max-width:100%;height:auto;width:50%;will-change:transform}.storytelling .storytelling-carousel .carousel-product.active .carousel-product__media video{max-width:100%;height:auto;width:50%}.storytelling .storytelling-carousel .carousel-product .carousel-product__media img{max-width:100%;height:auto;width:100%;pointer-events:none;object-fit:contain}.storytelling .storytelling-carousel .carousel-product.active .carousel-product__media img{max-width:100%;height:auto;width:100%}@media(max-width:990px){.storytelling .storytelling-carousel{position:absolute;width:160%;left:-30%}.storytelling .storytelling-carousel:not(.disable-carousel) .carousel-product .carousel-product__media video,.storytelling .storytelling-carousel:not(.disable-carousel) .carousel-product .carousel-product__media img{transition:all .15s}.storytelling .storytelling-carousel.disable-carousel .carousel-product.active .carousel-product__media video,.storytelling .storytelling-carousel.disable-carousel .carousel-product.active .carousel-product__media img{transition:transform 50ms linear}.storytelling .storytelling-carousel .carousel-product .carousel-product__media video,.storytelling .storytelling-carousel .carousel-product .carousel-product__media img{max-width:100%;height:auto;max-height:40vh;width:90%}.storytelling .storytelling-carousel .carousel-product.active .carousel-product__media video,.storytelling .storytelling-carousel .carousel-product.active .carousel-product__media img{max-height:70vh;width:90%}}.scrollable-product{position:absolute;top:0;z-index:100000;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.scrollable-product .carousel-product{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:90%;transition:all .5s ease-in-out}.scrollable-product .carousel-product .carousel-product__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--layout-space-10);padding-top:var(--layout-space-12)}.scrollable-product .carousel-product .carousel-product__content h3{color:rgb(var(--color-base-light));font-size:var(--text-size-2xl);text-transform:uppercase;text-align:center;margin:0}.scrollable-product .carousel-product .carousel-product__content p{color:rgb(var(--color-base-light));font-size:var(--text-size-base);text-align:center;margin:0;max-width:80%;transition:opacity 1.5s ease-in-out}.scrollable-product .carousel-product:not(.active) .carousel-product__content p{opacity:0;transition:opacity .25s ease-in-out}.scrollable-product .carousel-product .carousel-product__media{width:100%;max-width:90vw;transition:transform .1s;display:flex;justify-content:center;align-items:center;position:relative}.scrollable-product .carousel-product .carousel-product__media video{max-width:100%;height:auto;transition:all .5s ease-in-out}.scrollable-product .carousel-product .carousel-product__media img{max-width:100%;height:auto;transition:all .5s ease-in-out}.scrollable-product .carousel-product.active .carousel-product__media .sticker-img{position:absolute;left:var(--sticker-left-desktop);bottom:var(--sticker-bottom-desktop);width:var(--sticker-width-desktop);pointer-events:none}.scrollable-product .carousel-product.active .carousel-product__media .sticker-img img{width:100%;height:auto}@media(max-width:990px){.scrollable-product .carousel-product.active .carousel-product__media .sticker-img{left:var(--sticker-left-mobile);bottom:var(--sticker-bottom-mobile);width:var(--sticker-width-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-storytelling.css.map */