yozon-product-parallax.yzp{display:block;position:relative;color:var(--yzp-ink);background-color:var(--yzp-bg);background-image:linear-gradient(180deg,var(--yzp-gradient-start,#fff) 0px,var(--yzp-bg) var(--yzp-gradient-height,260px));font-family:var(--font-body--family)}.yzp *,.yzp *:before,.yzp *:after{box-sizing:border-box}.yzp .yzp__stage{position:relative;isolation:isolate;overflow:hidden;min-height:680px;padding:100px 40px 80px;display:flex;align-items:center}.yzp .yzp__inner{position:relative;width:100%;max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.75fr) minmax(170px,.7fr);gap:20px;align-items:center}.yzp .yzp__copy{position:relative;z-index:2}.yzp .yzp__eyebrow{color:var(--yzp-accent);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.18em;margin:0 0 24px}.yzp .yzp__heading{color:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(34px,3.7vw,62px);line-height:1.08;letter-spacing:-.055em;text-transform:none;margin:0;max-width:none;text-wrap:initial}.yzp .yzp__description{font-size:14px;line-height:1.8;max-width:280px;margin:24px 0 0}.yzp .yzp__visual{position:relative;height:450px;display:grid;place-items:center}.yzp .yzp__product{position:relative;z-index:1;width:calc(100% * var(--yzp-image-scale));max-width:620px;transform-origin:50% 50%}.yzp .yzp__product picture{display:block}.yzp .yzp__image{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}.yzp .yzp__shadow{position:absolute;bottom:12px;left:16%;width:68%;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(75,69,43,.14),transparent 70%)}.yzp .yzp__halo{position:absolute;width:min(69vw,980px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffffa8,#fff0 66%)}.yzp .yzp__rings{display:block;width:100%;height:100%;overflow:visible}.yzp .yzp__ring{stroke:var(--yzp-accent);stroke-width:1;stroke-opacity:.22;stroke-linecap:butt;stroke-dasharray:100 100;stroke-dashoffset:0}.yzp .yzp__ring--inner{stroke-opacity:.15}.yzp.is-motion .yzp__rings{opacity:var(--yzp-ring-opacity,0)}.yzp.is-motion .yzp__ring--outer{stroke-dashoffset:var(--yzp-ring-outer-offset,100)}.yzp.is-motion .yzp__ring--inner{stroke-dashoffset:var(--yzp-ring-inner-offset,100)}.yzp .yzp__note{position:relative;z-index:2;padding-top:100px}.yzp .yzp__line{display:block;width:44px;height:1px;background:var(--yzp-accent);margin-bottom:22px}.yzp .yzp__note h3{margin:0;color:inherit;font-family:var(--font-heading--family);font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em;text-transform:none}.yzp .yzp__note p{margin:12px 0 22px;font-size:13px;line-height:1.75;max-width:210px}.yzp .yzp__button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:12px 18px;background:var(--yzp-accent);color:#fff;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;border-radius:999px;text-decoration:none;border:1px solid transparent}.yzp .yzp__button:hover{filter:brightness(.9)}.yzp .yzp__button:focus-visible{outline:2px solid var(--yzp-ink);outline-offset:5px}.yzp .yzp__footer{position:absolute;bottom:30px;left:40px;right:40px;max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:500;letter-spacing:.16em}.yzp .yzp__progress{display:none;width:90px;height:2px;background:#5f71432e;overflow:hidden}.yzp .yzp__progress i{display:block;width:100%;height:100%;background:var(--yzp-accent);transform:scaleX(var(--yzp-progress,1));transform-origin:left}.yzp.is-motion{height:var(--yzp-desktop-travel)}.yzp.is-motion .yzp__stage{position:sticky;top:0;height:100svh;min-height:620px}.yzp.is-motion .yzp__product{opacity:1;transform:translate3d(var(--yzp-x,0px),var(--yzp-y,0px),0) scale(var(--yzp-scale,1)) rotate(var(--yzp-rotation,0deg))}.yzp.is-motion .yzp__eyebrow,.yzp.is-motion .yzp__heading{opacity:var(--yzp-title-opacity,0);transform:translate3d(0,var(--yzp-title-y,14px),0)}.yzp.is-motion .yzp__description{opacity:var(--yzp-description-opacity,0);transform:translate3d(0,var(--yzp-description-y,10px),0)}.yzp.is-motion .yzp__note>:not(.yzp__button){opacity:var(--yzp-note-opacity,0);transform:translate3d(0,var(--yzp-note-y,10px),0)}.yzp.is-motion .yzp__button{opacity:var(--yzp-button-opacity,0);visibility:var(--yzp-button-visibility,hidden);pointer-events:var(--yzp-button-events,none);transform:translate3d(0,var(--yzp-button-y,10px),0)}.yzp.is-motion .yzp__footer{opacity:var(--yzp-footer-opacity,0)}.yzp.is-motion .yzp__halo{transform:translate3d(0,var(--yzp-halo-y,0px),0) scale(var(--yzp-halo-scale,1))}.yzp.is-motion .yzp__shadow{top:var(--yzp-shadow-top);bottom:auto;opacity:var(--yzp-shadow-opacity,0);transform:scaleX(var(--yzp-shadow-scale,1))}.yzp.is-motion .yzp__progress{display:block}.yzp.is-motion.is-near .yzp__product{will-change:transform}@media(min-width:750px)and (max-width:1100px){.yzp .yzp__stage{padding-inline:28px}.yzp .yzp__inner{grid-template-columns:1fr 1.5fr}.yzp .yzp__note{position:absolute;left:0;top:calc(50% + 125px);padding:0}.yzp .yzp__note h3,.yzp .yzp__note p,.yzp .yzp__line{display:none}.yzp .yzp__visual{height:380px}}@media(max-width:749px){yozon-product-parallax.yzp{background-image:linear-gradient(180deg,var(--yzp-gradient-start,#fff) 0px,var(--yzp-bg) var(--yzp-gradient-height-mobile,180px))}.yzp .yzp__stage{padding:62px 24px 60px;min-height:0}.yzp .yzp__inner{display:flex;flex-direction:column;gap:0;text-align:center}.yzp .yzp__copy{width:100%}.yzp .yzp__eyebrow{font-size:9px;margin-bottom:12px}.yzp .yzp__heading{font-size:clamp(28px,8.5vw,38px);line-height:1.1;letter-spacing:-.045em}.yzp .yzp__description{font-size:12px;line-height:1.6;margin:14px auto 0;max-width:290px}.yzp .yzp__visual{width:100%;height:310px;flex-shrink:0}.yzp .yzp__product{max-width:365px;width:calc(96% * var(--yzp-image-scale))}.yzp .yzp__image{max-height:310px}.yzp .yzp__shadow{bottom:18px}.yzp .yzp__note{padding:0;display:flex;align-items:center;flex-direction:column;gap:13px}.yzp .yzp__note h3{font-size:14px;font-weight:500}.yzp .yzp__note h3 br{display:none}.yzp .yzp__note h3 br:after{content:" "}.yzp .yzp__line,.yzp .yzp__note p{display:none}.yzp .yzp__button{min-height:44px;font-size:12px;padding:11px 23px}.yzp .yzp__halo{width:118vw;top:54%}.yzp .yzp__footer{left:24px;right:24px;bottom:23px;font-size:8px;letter-spacing:.11em}.yzp .yzp__progress{width:50px}.yzp.is-motion{height:var(--yzp-mobile-travel)}.yzp.is-motion .yzp__stage{min-height:0;padding-top:82px;padding-bottom:66px}.yzp.is-motion .yzp__inner{height:100%}.yzp.is-motion .yzp__visual{flex:1;min-height:190px;height:auto}.yzp.is-motion .yzp__image{max-height:min(34svh,340px)}}@media(prefers-reduced-motion:reduce),(max-height:619px){.yzp.is-motion{height:auto}.yzp.is-motion .yzp__stage{position:relative;height:auto;min-height:0}.yzp.is-motion .yzp__product,.yzp.is-motion .yzp__copy,.yzp.is-motion .yzp__halo,.yzp.is-motion .yzp__shadow{transform:none;will-change:auto}.yzp.is-motion .yzp__progress{display:none}.yzp.is-motion .yzp__shadow{top:auto;bottom:18px}.yzp.is-motion .yzp__rings{opacity:1}.yzp.is-motion .yzp__ring{stroke-dashoffset:0}.yzp.is-motion .yzp__product,.yzp.is-motion .yzp__shadow,.yzp.is-motion .yzp__eyebrow,.yzp.is-motion .yzp__heading,.yzp.is-motion .yzp__description,.yzp.is-motion .yzp__note>:not(.yzp__button),.yzp.is-motion .yzp__button,.yzp.is-motion .yzp__footer{opacity:1;transform:none}.yzp.is-motion .yzp__button{visibility:visible;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/yozon-product-parallax.css.map */