.product-journey{background-color:var(--pjc-bg, #ffffff);width:100%;padding-inline:12px}.product-journey__header{max-width:1200px;margin:0 auto 40px;text-align:center;display:flex;flex-direction:column;gap:12px}.product-journey__heading{margin:0;font-family:Inter,sans-serif;font-weight:var(--pjc-heading-weight, 600);font-size:var(--pjc-heading-size-mobile, 28px);color:var(--pjc-text, #181b22);letter-spacing:-.02em;line-height:1.1}@media screen and (min-width:990px){.product-journey__heading{font-size:var(--pjc-heading-size-desktop, 48px)}}.product-journey__intro{margin:0 auto;max-width:720px;font-family:Inter,sans-serif;font-size:var(--pjc-intro-size-mobile, 14px);line-height:1.5;color:var(--pjc-text, #181b22);opacity:.8}@media screen and (min-width:990px){.product-journey__intro{font-size:var(--pjc-intro-size-desktop, 16px)}}.product-journey__intro p{margin:0}.product-journey__grid{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pjc-card-gap, 12px);max-width:1416px}.product-journey__card{position:relative;overflow:hidden;border-radius:var(--pjc-card-radius, 16px);background:var(--pjc-card-bg-local, var(--pjc-card-bg, #f5f5f7));aspect-ratio:460 / 700;isolation:isolate}.product-journey__card-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit;cursor:pointer}.product-journey__card-link[aria-disabled=true]{cursor:default}.product-journey__card-copy{position:absolute;left:0;right:0;top:clamp(28px,6%,50px);display:flex;flex-direction:column;align-items:center;gap:2px;padding-inline:26px;text-align:center;z-index:3}.product-journey__eyebrow{font-family:Inter,sans-serif;font-weight:400;font-size:var(--pjc-eyebrow-size-mobile, 14px);line-height:1.4;color:var(--pjc-text, #181b22);transition:color var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease))}@media screen and (min-width:990px){.product-journey__eyebrow{font-size:var(--pjc-eyebrow-size-desktop, 22px)}}.product-journey__title{font-family:Inter,sans-serif;font-weight:var(--pjc-title-weight, 600);font-size:var(--pjc-title-size-mobile, 40px);line-height:1.2;letter-spacing:-.03em;color:var(--pjc-text, #181b22);transition:color var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease))}@media screen and (min-width:990px){.product-journey__title{font-size:var(--pjc-title-size-desktop, 64px)}}.product-journey__subtitle{margin-top:6px;font-family:Inter,sans-serif;font-weight:400;font-size:var(--pjc-subtitle-size, 14px);line-height:1.5;color:var(--pjc-text, #181b22);opacity:.75}.product-journey__subtitle p{margin:0}.product-journey__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:2;pointer-events:none;padding:30% 10% 18%;overflow:hidden}.product-journey__visual-inner{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;transform:translate(var(--card-image-offset-x, 0px)) translateY(var(--card-image-offset-y, 0px)) scale(var(--card-image-scale, 1));transform-origin:center top;transition:transform var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease));will-change:transform}.product-journey__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.product-journey__image--overlay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.product-journey__card--product-floor .product-journey__image,.product-journey__card--gem-floor .product-journey__image{-webkit-mask-image:linear-gradient(to bottom,#000 68%,rgba(0,0,0,.18) 86%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 68%,#0000002e 86%,#0000)}.product-journey__card--device-composite .product-journey__visual{padding:26% 18% 14%}.product-journey__card--plain .product-journey__image{-webkit-mask-image:none;mask-image:none}.product-journey__cta{position:absolute;left:50%;bottom:clamp(40px,8%,72px);transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;padding:16px 20px;border-radius:30px;background:var(--pjc-button-bg, #20a9b9);color:var(--pjc-button-text, #ffffff);font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--pjc-button-size-desktop, 18px);letter-spacing:-.03em;line-height:1;white-space:nowrap;z-index:3;transition:transform .2s var(--pjc-hover-easing, ease),filter .2s ease;font-variation-settings:"opsz" 14}.product-journey__cta:active{filter:brightness(1.05);transform:translate(-50%) translateY(-1px)}.product-journey__card-overlay{position:absolute;left:0;right:0;top:0;height:var(--pjc-overlay-ratio-local, var(--pjc-overlay-ratio, 55%));background:linear-gradient(to bottom,var(--pjc-overlay-from-local, var(--pjc-overlay-from, #20a9b9)) 0%,var(--pjc-overlay-to-local, var(--pjc-overlay-to, rgba(32, 169, 185, 0))) 100%);opacity:0;transform:translateY(-8%);transition:opacity var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease)),transform var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease)),height var(--pjc-hover-duration-local, var(--pjc-hover-duration, .65s)) var(--pjc-hover-easing-local, var(--pjc-hover-easing, ease));pointer-events:none;z-index:1}@media(hover:hover){.product-journey__card:hover .product-journey__card-overlay,.product-journey__card:focus-within .product-journey__card-overlay{opacity:var(--pjc-overlay-opacity-local, var(--pjc-overlay-opacity, 1));transform:translateY(0)}.product-journey__card:hover .product-journey__visual-inner,.product-journey__card:focus-within .product-journey__visual-inner{transform:translate(var(--card-image-offset-x, 0px)) translateY(var(--card-image-offset-y, 0px)) scale(calc(var(--card-image-scale, 1) * var(--pjc-hover-scale-local, var(--pjc-hover-scale, 1.08))))}.product-journey__card:hover .product-journey__cta,.product-journey__card:focus-within .product-journey__cta{filter:brightness(1.05);transform:translate(-50%) translateY(-1px)}}@media(max-width:989px){.product-journey__grid{grid-template-columns:1fr;max-width:560px}.product-journey__card{aspect-ratio:460 / 640}.product-journey__cta{font-size:var(--pjc-button-size-mobile, 16px)}}.product-journey__carousel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit}.product-journey__carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.product-journey__carousel-slide.is-active{opacity:1}.product-journey__carousel-video{width:100%;height:100%;object-fit:cover;display:block}.product-journey__carousel-dots{position:absolute;left:50%;bottom:clamp(28px,6%,56px);transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:4;padding:8px 0}.product-journey__carousel-dot{width:28px;height:3px;border-radius:3px;background:#fff6;border:none;padding:0;cursor:pointer;transition:width .3s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.product-journey__carousel-dot:hover{background:#ffffffb3}.product-journey__carousel-dot.is-active{width:48px;background:#fff}.product-journey__carousel-dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.product-journey__visual-inner,.product-journey__card-overlay,.product-journey__cta,.product-journey__eyebrow,.product-journey__title,.product-journey__carousel-slide,.product-journey__carousel-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-product-journey-cards.css.map */