@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";.landing-visual-benefit{position:relative;width:100%;background-color:var(--vb-bg, #F9F7F1);padding-top:var(--vb-pt, 64px);padding-bottom:var(--vb-pb, 64px);overflow:hidden;box-sizing:border-box}.landing-visual-benefit__corner{position:absolute;width:320px;height:320px;pointer-events:none;z-index:1}.landing-visual-benefit__corner--tl{top:-70px;left:-85px;transform:scale(-1)}.landing-visual-benefit__corner--tr{top:-70px;right:-85px;transform:scaleY(-1)}.landing-visual-benefit__corner--bl{bottom:101px;left:-85px;transform:scaleX(-1)}.landing-visual-benefit__corner--br{bottom:101px;right:-85px}.landing-visual-benefit__corner-img{width:100%;height:100%;object-fit:contain;display:block}.landing-visual-benefit__inner{max-width:1632px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:2;box-sizing:border-box}.landing-visual-benefit__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;width:100%}.landing-visual-benefit__tagline{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:700;line-height:1.21;color:var(--vb-tagline-color, #B4782B);margin:0}.landing-visual-benefit__heading{font-family:Cormorant Garamond,Georgia,serif;font-size:64px;font-weight:700;line-height:68px;letter-spacing:0;color:var(--vb-heading-color, #262A27);margin:0}.landing-visual-benefit__desc{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:700;line-height:1.21;color:var(--vb-heading-color, #262A27);width:100%;display:flex;flex-direction:column;gap:1.21em}.landing-visual-benefit__desc p{margin:0}.landing-visual-benefit__compare{--vb-split: 1.5px;position:relative;display:block;width:100%;max-width:828px;aspect-ratio:828 / 773;overflow:hidden;background-color:#fff;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.landing-visual-benefit__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.landing-visual-benefit__layer--before{clip-path:inset(0 calc(100% - var(--vb-pos, 50%) + var(--vb-split)) 0 0)}.landing-visual-benefit__layer--after{clip-path:inset(0 0 0 calc(var(--vb-pos, 50%) + var(--vb-split)))}.landing-visual-benefit__img{position:absolute;top:0;width:calc(773 / 828 * 100%);height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.landing-visual-benefit__layer--before .landing-visual-benefit__img{left:0}.landing-visual-benefit__layer--after .landing-visual-benefit__img{right:0}.landing-visual-benefit__badge-left,.landing-visual-benefit__badge-right{position:absolute;display:flex;flex-direction:column;gap:5px;color:#f6f2e8;pointer-events:none}.landing-visual-benefit__badge-left{top:17px;left:15px;align-items:flex-start;text-align:left}.landing-visual-benefit__badge-right{top:15px;right:20px;width:287px;align-items:flex-end;text-align:right}.landing-visual-benefit__badge-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:26px;font-weight:700;line-height:34px;letter-spacing:.52px;white-space:nowrap;color:inherit;margin:0}.landing-visual-benefit__badge-text{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400;line-height:1.3;color:inherit;margin:0}.landing-visual-benefit__logo-badge{position:absolute;right:20px;bottom:20px;width:134px;height:60px;pointer-events:none}.landing-visual-benefit__logo-img{width:100%;height:100%;object-fit:contain;display:block}.landing-visual-benefit__divider{position:absolute;top:0;bottom:0;left:var(--vb-pos, 50%);width:3px;background-color:#fff;transform:translate(-50%);pointer-events:none;z-index:3}.landing-visual-benefit__handle{position:absolute;top:50%;left:var(--vb-pos, 50%);width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);z-index:4;cursor:ew-resize;transition:transform .15s ease}.landing-visual-benefit__handle svg{width:44px;height:44px;display:block}.landing-visual-benefit__compare.is-dragging .landing-visual-benefit__handle,.landing-visual-benefit__handle:hover{transform:translate(-50%,-50%) scale(1.08)}.landing-visual-benefit__handle:focus-visible{outline:2px solid #B00007;outline-offset:3px}.landing-visual-benefit__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:var(--vb-btn-bg, #B00007);color:var(--vb-btn-text, #F6F2E8);font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:700;line-height:1.21;padding:20px 30px;text-decoration:none;width:fit-content;box-sizing:border-box;transition:background-color .2s ease,transform .15s ease;margin-top:8px}.landing-visual-benefit__btn:hover{background-color:#8f0006;transform:translateY(-1px)}.landing-visual-benefit__btn-arrow{width:21px;height:14px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .2s ease}.landing-visual-benefit__btn:hover .landing-visual-benefit__btn-arrow{transform:translate(4px)}@media screen and (max-width:1199px){.landing-visual-benefit__corner{width:220px;height:220px}.landing-visual-benefit__heading{font-size:52px;line-height:1.1}.landing-visual-benefit__desc{font-size:20px}}@media screen and (max-width:749px){.landing-visual-benefit__inner{padding:0 16px}.landing-visual-benefit__corner{display:none}.landing-visual-benefit__heading{font-size:34px;line-height:1.15}.landing-visual-benefit__desc{font-size:18px}.landing-visual-benefit__badge-left{top:10px;left:10px;max-width:45%}.landing-visual-benefit__badge-right{top:10px;right:10px;width:auto;max-width:45%}.landing-visual-benefit__badge-title{font-size:16px;line-height:1.25;letter-spacing:0;white-space:normal}.landing-visual-benefit__badge-text{font-size:12px}.landing-visual-benefit__logo-badge{width:80px;height:36px;right:10px;bottom:10px}.landing-visual-benefit__handle,.landing-visual-benefit__handle svg{width:36px;height:36px}.landing-visual-benefit__btn{width:100%;font-size:20px;padding:18px 24px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-landing-visual-benefit.css.map */