.parallax{position:relative;--parallax-gap: 64px;--parallax-media-w: 760px;overflow:visible}.parallax__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--parallax-gap);align-items:center}.parallax__media{position:relative;width:min(var(--parallax-media-w),100%);height:var(--parallax-media-h-desktop);margin-inline:auto;border-radius:24px;background:transparent;isolation:isolate;overflow:visible}.parallax__img{position:absolute;top:50%;left:50%;z-index:var(--parallax-z);pointer-events:none;will-change:transform;--px: var(--parallax-x-d, var(--parallax-x, 0));--py: var(--parallax-y-d, var(--parallax-y, 0));--pw: var(--parallax-w-d, var(--parallax-w, 70));--pr: var(--parallax-radius-d, var(--parallax-radius, 16px));width:calc(var(--pw) * 1%);transform:translate3d(-50%,-50%,0)}.parallax__img[data-parallax-layer]{transform:translate3d(calc(-50% + (var(--px) * 1%)),calc(-50% + (var(--py) * 1%) + var(--parallax-parallax, 0px)),0)}.parallax__img-el{display:block;width:100%;height:auto;border-radius:var(--pr)}.parallax__placeholder{display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;border:1px dashed rgba(0,0,0,.2);border-radius:16px;font-size:14px;opacity:.7;background:#00000005}.parallax__content{position:relative}.parallax__headline{margin:0 0 32px}.parallax__text{max-width:46ch;opacity:.9;color:var(--color);font-size:22px!important;line-height:36px!important}@media (max-width: 989px){.parallax{--parallax-gap: 32px;--parallax-media-w: 520px;padding:44px 0;overflow:hidden}.parallax__grid{grid-template-columns:1fr}.parallax__media{order:1;height:var(--parallax-media-h-mobile)}.parallax__content{order:2;text-align:center}.parallax__text{margin-inline:auto}.parallax__img{--px: var(--parallax-x-m, var(--parallax-x-d, var(--parallax-x, 0)));--py: var(--parallax-y-m, var(--parallax-y-d, var(--parallax-y, 0)));--pw: var(--parallax-w-m, var(--parallax-w-d, var(--parallax-w, 70)));--pr: var(--parallax-radius-m, var(--parallax-radius-d, var(--parallax-radius, 16px)));width:calc(var(--pw) * 1%)}}@media (prefers-reduced-motion: reduce){.parallax{overflow:visible}.parallax__img[data-parallax-layer]{transform:translate3d(calc(-50% + (var(--px) * 1%)),calc(-50% + (var(--py) * 1%)),0)!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/parallax-section.css.map */