.journey{display:none}.journey.active{display:block}.journey__block{margin:1rem 0;overflow:hidden}product-journey{margin-top:3rem;display:block;gap:var(--spacing-md);touch-action:pan-y}product-journey button:hover{cursor:pointer}product-journey img{width:250px;pointer-events:none;background-color:#ddd}product-journey .journey-carousel>.metafield-rich_text_field{pointer-events:none;max-width:65ch;margin:auto}product-journey product-form{padding:1.5rem;margin-top:auto}product-journey[dragging],product-journey[dragging] *{cursor:grabbing!important}.journey-header{text-align:center;padding:4.5rem 1.5rem}.journey-header h2{font-family:var(--font-gotham);letter-spacing:normal;margin-bottom:.75rem}.journey__description{text-align:center;font-family:var(--font-gotham);letter-spacing:normal;font-weight:500;text-transform:uppercase;font-size:1.3rem}.journey__description *{padding-bottom:var(--spacing-sm)}.journey__description p{text-align:center;width:100%!important}.journey__description p:first-of-type{font-family:var(--font-jha-times-now)}.journey__description h2{font-size:3rem;margin-bottom:0}.journey-carousel{width:calc(100% + (var(--spacing-sm) * 2));margin:0 calc(-1 * var(--spacing-sm));padding-bottom:var(--spacing-sm);overflow:hidden;position:relative}.journey-carousel .slider-button{z-index:3;position:absolute;top:50%;transform:translateY(calc(-50% + 16px))}@media screen and (min-width: 768px){.journey-carousel .slider-button{transform:translateY(calc(-50% - 4px))}}.journey-carousel .slider-button--prev,.journey-carousel .slider-button--next{height:100%}.journey-carousel .slider-button--prev{left:0}.journey-carousel .slider-button--next{right:0}@media screen and (min-width: 768px){.journey__description{max-width:50%;margin:auto}.journey-carousel{width:calc(100% + (var(--spacing-lg) * 2));margin:0 calc(-1 * var(--spacing-lg));padding-bottom:0}.journey-carousel .slider-button--prev,.journey-carousel .slider-button--next{width:32%;padding:1.4rem}.journey-carousel .slider-button--prev{justify-content:start}.journey-carousel .slider-button--next{justify-content:end}}.journey-carousel .slider{width:100%;overflow-x:scroll;overflow-y:hidden;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;list-style-type:none;gap:0;scroll-snap-type:x mandatory;padding-bottom:6rem}.journey-carousel .slider:after{content:"";position:absolute;top:5rem;left:0;width:100%;height:.1rem;background-color:var(--color-fg)}.journey-carousel .slider__slide{z-index:1;position:relative;width:var(--journey-card-width);transition:all .3s;min-width:calc(100% - (var(--spacing-sm) * 4));scroll-snap-align:center;text-align:center}@media (prefers-reduced-motion: reduce){.journey-carousel .slider__slide{transition:none}}@media screen and (max-width: 767px){.journey-carousel .slider__slide:not(.active) img{opacity:.5}}@media screen and (min-width: 768px){.journey-carousel .slider__slide{min-width:unset;min-width:33.3%}}.journey-carousel__slides .slider__slide{z-index:2}.journey-carousel__slides .slider__slide.next,.journey-carousel__slides .slider__slide.previous{z-index:1}.journey-carousel .slider__slide.active{z-index:3;width:50vw}.journey-carousel .slider__slide>.metafield-rich_text_field{position:relative;margin-bottom:2rem;font-family:var(--font-gotham);letter-spacing:normal;font-weight:500;text-transform:uppercase;min-height:4.7rem;z-index:2;transition:all .3s;opacity:.3;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){.journey-carousel .slider__slide .metafield-rich_text_field{transition:none}}.journey-carousel .slider__slide.active .metafield-rich_text_field{opacity:1}.journey-carousel .slider__slide.active>.metafield-rich_text_field:after{content:"";position:absolute;height:.2rem;background-color:var(--color-fg);width:6rem;bottom:-.3rem;top:auto;left:50%;transform:translate(-50%)}.journey-carousel .slider__slide .metafield-rich_text_field>*{margin-bottom:0}.journey-carousel .slider__slide .metafield-rich_text_field h2{font-size:2rem}.journey-carousel .slider__slide img{width:100%;height:auto;max-height:75vh;transition:all .3s;transform-origin:top}@media (prefers-reduced-motion: reduce){.journey-carousel .slider__slide img{transition:none}}@media screen and (min-width: 768px){.journey-carousel .slider__slide.previous .journey-carousel__image,.journey-carousel .slider__slide.previous .metafield-rich_text_field,.journey-carousel .slider__slide.next .journey-carousel__image,.journey-carousel .slider__slide.next .metafield-rich_text_field{transform:scale(1);transform-origin:top}.journey-carousel .slider__slide.active .journey-carousel__image{transform-origin:top;filter:drop-shadow(5px 0px 10px rgba(0,0,0,.3))}}.journey__hero{overflow:visible;margin:0 calc(-1 * var(--spacing-sm));position:relative}.journey__hero video:nth-of-type(2){display:none}.journey__hero video{width:100%;height:auto}.journey__hero .metafield-rich_text_field{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-gotham)}@media screen and (min-width: 768px){.journey__hero{margin:0 calc(-1 * var(--spacing-lg))}.journey__hero video:first-of-type{display:none}.journey__hero video:nth-of-type(2){display:block}}.journey__hero img{width:100%;height:auto}@media screen and (max-width: 767px){.journey__products slider-component{margin:0 calc(-1 * var(--spacing-sm))}.journey__products .slider__slide{max-width:90%}.journey__products .slider__slide:first-of-type{margin-left:var(--spacing-sm);scroll-margin-left:var(--spacing-sm)}.journey__products .slider__slide:last-of-type{margin-right:var(--spacing-sm);scroll-margin-right:var(--spacing-sm)}}.journey__products-card{height:100%;display:flex;flex-direction:column}.journey__products-card h2{text-transform:uppercase;font-size:var(--font-size-tertiary-title)}.journey__products-card h3{margin-bottom:1rem;font-size:var(--font-size-md)}.journey__products-card a>:not(:first-child){padding:0 1.5rem}.journey__products-card button{margin-top:auto}.journey__products-card a.button{margin:1.5rem;margin-top:auto;max-width:calc(100% - 3rem);height:4.5rem;line-height:1}.journey__products-card .vbb-multi-column__column__media{margin-bottom:1rem}.journey .vbb-multi-column header span{display:block}.journey .vbb-multi-column header .h2:last-of-type{text-transform:uppercase;font-family:var(--font-gotham);letter-spacing:normal}.journey__products.vbb-card-carousel header .h2{font-size:3rem;margin-bottom:0;line-height:2.75rem}.journey-carousel__wrapper{position:relative;width:calc(1px * var(--journey-slider-width));height:calc(1px * var(--journey-slider-height));z-index:1;top:0;left:50%;transform:translate(-50%)}.journey-carousel__slides{display:flex;position:relative;align-items:flex-start;top:0;left:calc(-1 * var(--journey-slider-width));width:100vw;-webkit-user-select:none;user-select:none}.journey-carousel__slides.shifting{transition:left .2s ease-out}.journey-carousel__slides .slider__slide{width:calc(1px * var(--journey-slider-width));height:calc(1px * var(--journey-slider-height));display:flex;flex-direction:column;position:relative}.journey .slider-center-cards{justify-content:unset}.journey .slider__slide:first-child{margin-left:0!important}.journey-carousel__hover-content .metafield-rich_text_field{display:block!important}.journey-carousel__hover-content .metafield-rich_text_field>*{text-align:left!important;margin-top:.75rem!important}.journey-carousel__image{position:relative;overflow:hidden;transition:all .3s}.journey-carousel__image .journey-carousel__hover-content.active{opacity:1;transition:all .3s;cursor:pointer}@media screen and (min-width: 768px){.active .journey-carousel__image:hover .journey-carousel__hover-content{opacity:1;transition:all .3s;cursor:pointer}}.journey-carousel__hover-content{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;opacity:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:1.5rem;line-height:1}.journey-carousel__hover-content h1,.journey-carousel__hover-content h2,.journey-carousel__hover-content h3,.journey-carousel__hover-content h4,.journey-carousel__hover-content h5,.journey-carousel__hover-content h6{font-family:var(--font-gotham);font-size:20px}.journey-carousel__hover-content p{font-size:15px;line-height:1}.journey-carousel__hover-button{display:none}@media screen and (max-width: 768px){.active .journey-carousel__hover-button{display:block;background-color:unset;border:none;position:absolute;top:1.5rem;right:1.5rem;height:fit-content;width:fit-content;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/797/assets/product-journey.css.map */
