.dual-scroll-layout{position:relative}.dual-scroll-layout__inner{max-width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}@media screen and (min-width:990px){.dual-scroll-layout--narrow .dual-scroll-layout__inner{max-width:calc(1200px + 30rem);padding:0 15rem}}.dual-scroll-layout__left,.dual-scroll-layout__right{position:relative}.dual-scroll-panel{min-height:100vh;display:flex;align-items:center;border-bottom:1px solid var(--color-grey-200);background:var(--color-grey-100)}.dual-scroll-panel__media{display:none}.dual-scroll-panel__text{display:flex;flex-direction:column;gap:16px;padding:4rem 3.5rem}.dual-scroll-panel__text .banner__heading{line-height:1.3;letter-spacing:.5px;color:var(--color-text)}.dual-scroll-panel__text .banner__text{color:var(--color-muted)}@media screen and (max-width:749px){.dual-scroll-panel__text{padding:3rem 1.5rem}}.dual-scroll-media-viewport{position:sticky;top:0;height:100vh;background:#e9eaec;border-radius:0;overflow:hidden;transition:background-color .3s ease}.dual-scroll-media-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:var(--media-shadow);visibility:hidden;display:flex;align-items:center;justify-content:center;rotate:var(--media-rotation);scale:var(--media-scale);will-change:translate,opacity;backface-visibility:hidden}.dual-scroll-media-image.is-active,.dual-scroll-media-image.is-transitioning{visibility:visible}.dual-scroll-media-image img{object-fit:contain;max-width:100%;max-height:100%}.dual-scroll-media-image .placeholder{width:100%;height:100%;object-fit:contain}.dual-scroll-layout[data-transition-type=fade] .dual-scroll-media-image{translate:0 -100%;opacity:0}.dual-scroll-layout[data-transition-type=fade] .dual-scroll-media-image.is-active{opacity:1;translate:0 0}.dual-scroll-layout[data-transition-type=fade] .dual-scroll-media-image.is-transitioning{opacity:1}.dual-scroll-layout[data-transition-type=scroll] .dual-scroll-media-image{translate:0 -100%;opacity:1}.dual-scroll-layout[data-transition-type=scroll] .dual-scroll-media-image.is-active,.dual-scroll-layout[data-transition-type=scroll] .dual-scroll-media-image.is-transitioning{translate:0 0}@media(max-width:860px){.dual-scroll-layout__inner{grid-template-columns:1fr;gap:0;padding:0}.dual-scroll-layout__left{display:contents}.dual-scroll-layout__right{display:none}.dual-scroll-panel{display:flex;flex-direction:column;min-height:auto;border-bottom:1px solid var(--color-grey-200)}.dual-scroll-panel__media{display:flex;align-items:center;justify-content:center;background:var(--color-grey-100);border-radius:0;overflow:visible;position:relative;padding:40px 20px;min-height:40vh;flex-shrink:0;width:100%}.dual-scroll-panel__media-image{width:85%;height:auto;max-height:50vh;object-fit:contain;display:block;transform:translateY(-40px) rotate(var(--media-rotation)) scale(var(--media-scale));filter:var(--media-shadow);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease}.dual-scroll-panel.is-in-view .dual-scroll-panel__media-image{opacity:1;transform:translateY(0) rotate(var(--media-rotation)) scale(var(--media-scale))}.dual-scroll-panel__text{padding:3rem 1.5rem 10rem;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:auto}}.dual-scroll-step+.dual-scroll-step{margin-top:2em}.dual-scroll-step__heading{display:block;font-family:var(--font-heading-family);color:var(--step-heading-color, inherit)}.dual-scroll-steps--boxed-heading .dual-scroll-step__heading{display:inline-block;background-color:var(--step-heading-background);border-radius:var(--step-heading-radius, 4px);padding:.35em .85em;margin-bottom:.5em}.dual-scroll-step__text{display:block}.dual-scroll-revealing .dual-scroll-step{filter:none;opacity:.25;transform:translateY(.6rem);transition:filter .3s ease,opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.dual-scroll-revealing .dual-scroll-step.is-revealed{filter:blur(0);opacity:1;transform:none}.dual-scroll-step--button{align-self:flex-start}@media(prefers-reduced-motion:reduce){.dual-scroll-revealing .dual-scroll-step,.dual-scroll-revealing .dual-scroll-step.is-revealed{filter:none!important;opacity:1!important;transform:none!important;transition:none!important}.dual-scroll-media-image{transition:none!important;translate:0 0!important;rotate:var(--media-rotation, 0deg)!important;scale:var(--media-scale, 1)!important;opacity:1!important}.dual-scroll-panel__media-image{transition:none!important;transform:translateY(0) rotate(var(--media-rotation, 0deg)) scale(var(--media-scale, 1))!important;opacity:1!important}}@media screen and (min-width:750px)and (max-width:860px){.dual-scroll-panel__text{align-self:stretch;padding-inline:5rem}}@media screen and (min-width:861px){.dual-scroll-panel__text{padding-inline-start:calc((100vw - min(100vw,var(--page-width)))/2 + 5rem)}}.dual-scroll-layout[data-transition-type=scroll] .dual-scroll-media-image{max-width:700px;margin:auto}.dual-scroll-layout__left .dual-scroll-panel__text{display:flex;flex-direction:column;gap:16px;padding:4rem 15px;max-width:506px;margin:auto}.dual-scroll-panel__text .banner__text p strong{font-family:var(--font-heading-family)}.dual-scroll-panel__text .banner__text{padding:0}.dual-scroll-step .dual-scroll-step__heading{width:40px;height:40px;border-radius:50%;background:#af8b4f;padding:10px;text-align:center;display:inline-block}.dual-scroll-revealing .dual-scroll-step svg{width:15px;height:15px;transform:rotate(90deg);position:relative;top:10px}.dual-scroll-revealing .dual-scroll-step{display:flex;flex-wrap:wrap;column-gap:10px;align-items:center}.dual-scroll-revealing .dual-scroll-step .dual-scroll-arrow{display:block;width:100%;padding-left:13px;padding-top:15px}.dual-scroll-step__text{display:block;width:87%}.dual-scroll-revealing .dual-scroll-step:last-child .dual-scroll-arrow{display:none}@media screen and (max-width:749px){.dual-scroll-panel__text .banner__heading{margin-top:0}.dual-scroll-panel__text .banner__text ul li{font-size:18px;line-height:normal}}@media screen and (max-width:433px){.dual-scroll-step__text{max-width:80%}}.dual-scroll-layout .title-wrapper{margin-bottom:5rem}.dual-scroll-panel__text .banner__text ul{padding:0;margin:0}.dual-scroll-panel__text .banner__text ul li{border-bottom:1px solid #e1d4c6;list-style:none;position:relative;font-size:20px;padding:15px 0 24px 45px;line-height:20px}.dual-scroll-panel__text .banner__text ul li:before{content:"";background-image:url(/cdn/shop/files/tick-circle.svg?v=1791275491);position:absolute;top:11px;left:3px;width:30px;height:30px;background-repeat:no-repeat;background-size:30px;background-position:left center}.scroll-panel-1 .dual-scroll-panel__text .banner__text ul li:before{content:"";background-image:url(/cdn/shop/files/Coil-Renew-tick.svg?v=1791357071);position:absolute;top:11px;left:3px;width:30px;height:30px;background-repeat:no-repeat;background-size:30px;background-position:left center}.scroll-panel-2 .dual-scroll-panel__text .banner__text ul li:before{content:"";background-image:url(/cdn/shop/files/Moisture-more-tick.svg?v=1791357071);position:absolute;top:11px;left:3px;width:30px;height:30px;background-repeat:no-repeat;background-size:30px;background-position:left center}.scroll-panel-3 .dual-scroll-panel__text .banner__text ul li:before{content:"";background-image:url(/cdn/shop/files/Goldern-lock-tick.svg?v=1791357071);position:absolute;top:11px;left:3px;width:30px;height:30px;background-repeat:no-repeat;background-size:30px;background-position:left center}.dual-scroll-panel__text .banner__text ul li:last-child{border-bottom:none}.dual-scroll-layout__left .scroll-panel-1 .dual-scroll-panel__text .button{border:2px solid #761826}.dual-scroll-layout__left .scroll-panel-2 .dual-scroll-panel__text .button{border:2px solid #e07b33}.dual-scroll-layout__left .scroll-panel-3 .dual-scroll-panel__text .button{border:2px solid #d3a547}@media screen and (max-width:749px){.dual-scroll-panel__text .banner__text ul li{font-size:18px;line-height:normal}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-dual-scroll.css.map */
