.logo-split-section{width:100%;overflow:hidden;position:relative}.logo-split-container{max-width:100%;margin:0 auto;padding:0 2rem}.logo-split-wrapper{display:flex;justify-content:center;align-items:center;min-height:200px}.logo-split-image{position:relative;display:inline-block;--scroll-progress: 0}.logo-split-image img{display:block;width:100%;height:auto}.logo-split-image .logo-layer{width:100%;height:100%}.logo-original{position:relative;z-index:4;opacity:calc(1 - (var(--scroll-progress) * 1.2));transition:opacity .2s ease-out}.logo-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:var(--scroll-progress);pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mix-blend-mode:normal;transition:transform .05s ease-out,opacity .1s ease-out}.logo-yellow{z-index:3;background:#ff0;transform:translateY(calc(var(--scroll-progress) * -18px))}.logo-cyan{z-index:2;background:#0ff;transform:translateY(calc(var(--scroll-progress) * 2px))}.logo-magenta{z-index:1;background:#f0f;transform:translateY(calc(var(--scroll-progress) * 18px))}.logo-split-placeholder{text-align:center;padding:4rem 2rem;background:#f5f5f5;border:2px dashed #ccc;border-radius:8px}.logo-split-placeholder p{margin:0;color:#666;font-size:1.125rem}@media screen and (max-width: 768px){.logo-split-container{padding:0 1rem}.logo-yellow{transform:translateY(calc(var(--scroll-progress) * -12px))}.logo-cyan{transform:translateY(calc(var(--scroll-progress) * 1px))}.logo-magenta{transform:translateY(calc(var(--scroll-progress) * 12px))}}.logo-split-image,.logo-layer,.logo-original{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/39/assets/logo-split-effect.css.map */