.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.05;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}.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{transform:translateY(-100%) rotate(var(--media-rotation)) scale(var(--media-scale));opacity:0}.dual-scroll-layout[data-transition-type=fade] .dual-scroll-media-image.is-active{opacity:1;transform:translateY(0) rotate(var(--media-rotation)) scale(var(--media-scale))}.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{transform:translateY(-100%) rotate(var(--media-rotation)) scale(var(--media-scale));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{transform:translateY(0) rotate(var(--media-rotation)) scale(var(--media-scale))}@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}}@media (prefers-reduced-motion: reduce){.dual-scroll-media-image{transition:none!important;transform:none!important;opacity:1!important}.dual-scroll-panel__media-image{transition:none!important;transform:translateY(0) rotate(-6deg) scale(1.02)!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-dual-scroll.css.map */