.section-magni-scroll-sequence{background-color:var(--magni-scroll-bg, #0b0c10)}.magni-scroll{position:relative;height:auto;color:#fff;padding:clamp(44px,6vh,80px) 0 clamp(20px,3vh,36px);background-color:var(--magni-scroll-bg, #0b0c10);background-image:radial-gradient(ellipse 70% 75% at -5% 52%,rgba(0,163,224,.05) 0%,transparent 58%),radial-gradient(ellipse 120% 120% at 45% 108%,rgba(11,97,205,.06) 0%,transparent 70%);background-repeat:no-repeat}.magni-scroll__sticky{position:static;height:auto;width:100%;background:none}.magni-scroll__section-title{display:block;margin:0 0 clamp(22px,3vh,34px);padding:0 7.5vw;color:#fff;font-weight:700;letter-spacing:-.01em;line-height:1.05}.magni-scroll__images{position:static;display:flex;gap:clamp(12px,1.4vw,26px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 7.5vw;scroll-padding:0 7.5vw}.magni-scroll__images::-webkit-scrollbar{display:none}.magni-scroll__images.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.magni-scroll__frame{position:relative;inset:auto;scroll-snap-align:center;flex:0 0 82vw;height:62vh;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;padding:26px 20px 22px;opacity:1!important;transform:none!important;pointer-events:auto;will-change:auto;background-color:#0f1828;background-image:radial-gradient(ellipse 95% 55% at 0% 0%,rgba(0,163,224,.16),transparent 62%),radial-gradient(ellipse 100% 75% at 100% 100%,rgba(11,97,205,.22),transparent 66%);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 44px #00000061}.magni-scroll__frame .magni-scroll__caption{order:-1;position:relative;inset:auto;top:auto;left:auto;right:auto;transform:none;width:auto;max-width:none;text-align:center;flex:0 0 auto}.magni-scroll__frame .magni-scroll__image{position:relative;inset:auto;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:auto;flex:1 1 auto;min-height:0;margin-top:16px;object-fit:contain;object-position:center;transform:translate(var(--frame-img-x, 0%),var(--frame-img-y, 0%)) scale(var(--frame-img-scale, 1));transform-origin:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.magni-scroll__overlay{position:absolute;left:var(--ov-x, 50%);top:var(--ov-y, 50%);width:var(--ov-size, 14%);height:auto;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.magni-scroll__eyebrow{color:#00a3e0;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.magni-scroll__title{line-height:1.05;font-weight:700;margin:0 0 16px;color:#fff}.magni-scroll__body{line-height:1.65;color:#ffffffb3;margin:0}.magni-scroll--textanim .magni-scroll__caption>*,.magni-scroll--textanim .magni-scroll__image,.magni-scroll--textanim .magni-scroll__overlay{opacity:0;transition:opacity .4s ease}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__image,.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__overlay{animation:magni-scroll-imgfade .95s ease both}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__caption>*{animation:magni-scroll-textin .85s cubic-bezier(.22,1,.36,1) both}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__caption>:nth-child(1){animation-delay:.22s}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__caption>:nth-child(2){animation-delay:.36s}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__caption>:nth-child(3){animation-delay:.5s}@keyframes magni-scroll-textin{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes magni-scroll-imgfade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.magni-scroll--textanim .magni-scroll__caption>*,.magni-scroll--textanim .magni-scroll__image,.magni-scroll--textanim .magni-scroll__overlay{opacity:1;transition:none}.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__caption>*,.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__image,.magni-scroll--textanim .magni-scroll__frame.is-active .magni-scroll__overlay{animation:none}}.magni-scroll__nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:clamp(20px,3vh,34px) 0 6px}.magni-scroll__dots{display:flex;align-items:center;gap:8px;padding:11px 18px;background:#ffffff14;border-radius:999px}.magni-scroll__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#ffffff52;transition:width .3s ease,background .3s ease;cursor:pointer}.magni-scroll__dot.is-active{width:22px;background:#fff}.magni-scroll__playpause{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:999px;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.magni-scroll__playpause svg{width:16px;height:16px;fill:currentColor}.magni-scroll__arrows{display:none}@media(min-width:769px){.magni-scroll__nav{position:relative}.magni-scroll__arrows{display:flex;gap:10px;position:absolute;right:17vw;top:50%;transform:translateY(-50%)}.magni-scroll__arrow{width:42px;height:42px;border:0;border-radius:999px;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,opacity .2s ease}.magni-scroll__arrow:hover:not([disabled]){background:#ffffff2e}.magni-scroll__arrow[disabled]{opacity:.35;cursor:default}.magni-scroll__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@media(min-width:769px){.magni-scroll__section-title{padding:0 17vw;font-size:clamp(2.2rem,3.6vw,3.2rem)}.magni-scroll__images{padding:0 17vw;scroll-padding:0 17vw;cursor:grab}.magni-scroll__frame{flex:0 0 66vw;max-width:1320px;height:clamp(420px,56vh,620px);border-radius:28px;padding:clamp(32px,4.2vh,56px) clamp(40px,4.5vw,80px) clamp(28px,3.5vh,48px)}.magni-scroll__images:not(.is-dragging) .magni-scroll__frame{cursor:pointer}.magni-scroll__frame .magni-scroll__image{margin-top:clamp(20px,3vh,40px);transform:translate(calc(var(--frame-img-x, 0%) + var(--frame-img-x-doff, 0%)),calc(var(--frame-img-y, 0%) + var(--frame-img-y-doff, 0%))) scale(calc(var(--frame-img-scale, 1) + var(--frame-img-scale-doff, 0)))}.magni-scroll__overlay{left:calc(var(--ov-x, 50%) + var(--ov-x-doff, 0%));top:calc(var(--ov-y, 50%) + var(--ov-y-doff, 0%));width:calc(var(--ov-size, 14%) + var(--ov-size-doff, 0%))}.magni-scroll__eyebrow{font-size:clamp(.78rem,.95vw,.9rem);margin-bottom:12px}.magni-scroll__title{font-size:clamp(2rem,3vw,3rem);margin-bottom:14px}.magni-scroll__body{font-size:clamp(.95rem,1.1vw,1.1rem);max-width:62ch;margin:0 auto}}@media(max-width:768px){.magni-scroll{background:none;padding:44px 0 4px}.magni-scroll__section-title{margin:0 0 22px;font-size:clamp(1.7rem,7.5vw,2.4rem)}.magni-scroll__frame{flex:0 0 82vw;height:62vh;border-radius:22px;padding:26px 20px 22px}.magni-scroll__eyebrow{font-size:.7rem;margin-bottom:8px}.magni-scroll__title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:10px}.magni-scroll__body{font-size:clamp(.85rem,3.4vw,1rem)}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/magni-scroll-sequence.css.map */