.moray-about{position:relative;background:#fff;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.moray-about__pin{position:relative;height:var(--about-h, 750px);overflow:hidden}.moray-about{scroll-margin-top:var(--about-top, 0px)}.moray-about.is-ready{touch-action:pan-y}.moray-about:not(.is-ready) .moray-about__pin{position:static;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.moray-about:not(.is-ready) .moray-about__col,.moray-about:not(.is-ready) .moray-about__float{opacity:1;transform:none}.moray-about:not(.is-ready) .moray-about__progress{display:none}.moray-about__track{transform-origin:0 0;display:flex;gap:2.4rem;width:max-content;height:100%}.moray-about__track.is-moving{will-change:transform}.moray-about__panel{content-visibility:auto;contain-intrinsic-size:auto 750px;position:relative;flex:0 0 auto;width:var(--pw, 1440px);height:100%}.moray-about__col,.moray-about__float{position:absolute;left:var(--x);top:var(--y);width:var(--w)}.moray-about__float{height:var(--h)}.moray-about__col,.moray-about__float{opacity:0;transform:translate3d(0,2.4rem,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.moray-about__col.is-in,.moray-about__float.is-in{opacity:1;transform:none}.moray-about__media{overflow:hidden;height:var(--img-h, 424px)}.moray-about__float .moray-about__media,.moray-about__float .moray-about__img{height:100%}.moray-about__img{display:block;width:100%;height:100%;object-fit:cover}.moray-about__text{display:flex;flex-direction:column;gap:1.2rem;margin-top:var(--gap-text, 1.2rem)}.moray-about__col--texto_arriba .moray-about__text{margin-top:0;margin-bottom:1.2rem}.moray-about__col--solo_texto .moray-about__text{margin-top:0}.moray-about__title{margin:0;font-size:2.4rem;font-weight:500;line-height:1.4;letter-spacing:-.072rem}.moray-about__eyebrow,.moray-about__body{margin:0;font-size:1.4rem;font-weight:400;line-height:1.4}.moray-about__quote{margin:0;font-size:2.4rem;font-weight:500;line-height:1.3;letter-spacing:-.072rem}.moray-about__split{display:flex;gap:1.2rem;height:var(--img-h, 290px)}.moray-about__media--side{flex:0 0 var(--side-w, 302px);height:100%}.moray-about__split .moray-about__text{flex:1;margin-top:4.7rem}.moray-about__progress{position:absolute;right:2.4rem;bottom:2.4rem;left:2.4rem;height:2px;background:#0000001f}.moray-about__progress-bar{display:block;width:0;height:100%;background:#000;transform-origin:left center}@media(max-width:749px){.moray-about__panel{width:var(--pw-m, 1170px)}.moray-about__col,.moray-about__float{left:var(--x-m, var(--x));top:var(--y-m, var(--y));width:var(--w-m, var(--w))}.moray-about__float{height:var(--h-m, var(--h))}.moray-about__media{height:var(--img-h-m, var(--img-h, 424px))}.moray-about__text{margin-top:var(--gap-text-m, var(--gap-text, 1.2rem))}.moray-about__col--sin-movil{display:none}}@media(prefers-reduced-motion:reduce){.moray-about__col,.moray-about__float{opacity:1;transform:none;transition:none}}html.moray-about-lock,html.moray-about-lock body{height:100%;overflow:hidden;overscroll-behavior:none}.moray-about__body--lead{font-size:2.6rem;font-weight:500;line-height:1.3;letter-spacing:-.078rem}.moray-about__media--solo-movil{display:none}.moray-about__panel--pie{display:flex;flex-direction:column;justify-content:flex-end;width:100vw;min-width:100vw;height:100%;overflow-y:auto;overscroll-behavior:contain}.moray-about__panel--pie>*{width:100%}@media(max-width:749px){.moray-about__media--solo-movil{display:block}}@media(max-width:749px){.moray-about:not(.is-ready) .moray-about__pin{position:static;height:var(--about-h, 750px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.moray-about:not(.is-ready) .moray-about__pin::-webkit-scrollbar{display:none}.moray-about:not(.is-ready) .moray-about__track{transform:none!important;height:100%}.moray-about__panel{height:100%;scroll-snap-align:start;scroll-snap-stop:always}.moray-about:not(.is-ready) .moray-about__col,.moray-about:not(.is-ready) .moray-about__float{opacity:1;transform:none}}@media(max-width:749px){.moray-about__track{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/moray-about.css.map */