.moz-scroll-gallery{--moz-gallery-reveal: 1;--moz-gallery-copy-y: 0px;--moz-gallery-shift-positive: 0px;--moz-gallery-mobile-positive: 0px;--moz-gallery-text-scale: 1;--moz-gallery-text-tilt-x: 0deg;--moz-gallery-text-tilt-y: 0deg;--moz-gallery-text-parallax-x: 0px;--moz-gallery-text-parallax-y: 0px;--moz-gallery-text-shine: 50%;--moz-gallery-outline-opacity: 0;--moz-gallery-active-motion-start: var(--moz-gallery-motion-start, -180px);--moz-gallery-active-motion-end: var(--moz-gallery-motion-end, 180px);position:relative;height:var(--moz-gallery-height, 860px);min-height:640px;overflow:clip;color:var(--moz-gallery-text, #fff);background-color:var(--moz-gallery-background, #050505);background-image:radial-gradient(circle at 50% 52%,rgba(43,185,237,.12),transparent 32%);font-family:Poppins,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate;contain:layout style paint;content-visibility:auto;contain-intrinsic-block-size:var(--moz-gallery-height, 860px);view-timeline-name:--moz-gallery-scroll;view-timeline-axis:block}.moz-scroll-gallery__stage{position:relative;width:100%;height:100%;overflow:hidden}.moz-scroll-gallery__columns{position:absolute;top:-24%;bottom:-24%;left:50%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) clamp(15rem,16vw,28rem) minmax(0,1fr) minmax(0,1fr);gap:var(--moz-gallery-gap, 20px);width:min(92vw,160rem);transform:translate(-50%)}.moz-scroll-gallery__column{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:var(--moz-gallery-gap, 20px)}.moz-scroll-gallery.is-motion-ready .moz-scroll-gallery__column,.moz-scroll-gallery.is-motion-ready .moz-scroll-gallery__copy-inner{will-change:transform}.moz-scroll-gallery__column--1{--moz-gallery-item-shift: var(--moz-gallery-mobile-positive);grid-column:1;transform:translate3d(0,var(--moz-gallery-shift-positive),0)}.moz-scroll-gallery__column--2{--moz-gallery-item-shift: calc(0px - var(--moz-gallery-mobile-positive));grid-column:2;transform:translate3d(0,calc(0px - var(--moz-gallery-shift-positive)),0)}.moz-scroll-gallery__column--3{--moz-gallery-item-shift: var(--moz-gallery-mobile-positive);grid-column:4;transform:translate3d(0,var(--moz-gallery-shift-positive),0)}.moz-scroll-gallery__column--4{--moz-gallery-item-shift: calc(0px - var(--moz-gallery-mobile-positive));grid-column:5;transform:translate3d(0,calc(0px - var(--moz-gallery-shift-positive)),0)}.moz-scroll-gallery__item{position:relative;flex:0 0 auto;width:100%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--moz-gallery-radius, 24px);background:#ffffff0e;box-shadow:0 1.4rem 3.2rem #00000047;contain:layout style paint}.moz-scroll-gallery__item--square{aspect-ratio:1}.moz-scroll-gallery__item--portrait{aspect-ratio:4 / 5}.moz-scroll-gallery__item--portrait-tall{aspect-ratio:3 / 4}.moz-scroll-gallery__item--landscape{aspect-ratio:4 / 3}.moz-scroll-gallery__item--landscape-wide{aspect-ratio:16 / 9}.moz-scroll-gallery__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--moz-gallery-object-position, center center);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}.moz-scroll-gallery__placeholder{color:#ffffff3d;background:#ffffff0f}@media(hover:hover)and (pointer:fine){.moz-scroll-gallery__item:hover .moz-scroll-gallery__image{filter:saturate(1.06) contrast(1.03);transform:scale(1.035)}}.moz-scroll-gallery__copy{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4rem 2rem;pointer-events:none}.moz-scroll-gallery__copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 18%,rgba(5,5,5,.18) 42%,transparent 68%)}.moz-scroll-gallery__copy-inner{position:relative;width:min(42rem,44vw);text-align:center;opacity:var(--moz-gallery-reveal);transform:translate3d(0,var(--moz-gallery-copy-y),0) scale(var(--moz-gallery-text-scale));transition:opacity .12s linear,transform .18s cubic-bezier(.22,1,.36,1)}.moz-scroll-gallery__copy-content{transform:perspective(900px) rotateX(var(--moz-gallery-text-tilt-x)) rotateY(var(--moz-gallery-text-tilt-y));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.22,1,.36,1)}.moz-scroll-gallery__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin:0 auto 1.4rem;font-size:clamp(13px,.9vw,15px);font-weight:700;line-height:1.2;letter-spacing:.2em;text-transform:uppercase}.moz-scroll-gallery__signal{position:relative;display:block;width:.6rem;height:.6rem;flex:0 0 auto;border-radius:50%;background:var(--moz-gallery-accent, #2bb9ed);box-shadow:0 0 #2bb9ed6b,0 0 1.8rem #2bb9ed99}.moz-scroll-gallery.is-motion-ready[data-text-interaction=true] .moz-scroll-gallery__signal{animation:moz-gallery-signal 2.8s ease-out infinite}.moz-scroll-gallery.is-page-scrolling .moz-scroll-gallery__signal{animation-play-state:paused}.moz-scroll-gallery__eyebrow-text{color:var(--moz-gallery-accent, #2bb9ed);background:linear-gradient(100deg,var(--moz-gallery-accent, #2bb9ed) 15%,#dff7ff 48%,var(--moz-gallery-accent, #2bb9ed) 82%);background-position:var(--moz-gallery-text-shine) center;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.moz-scroll-gallery__signal-line{display:block;width:clamp(2.4rem,4vw,5.6rem);height:1px;flex:0 0 auto;opacity:var(--moz-gallery-reveal);background:linear-gradient(90deg,var(--moz-gallery-accent, #2bb9ed),transparent);transform:scaleX(var(--moz-gallery-reveal));transform-origin:left center}.moz-scroll-gallery__heading{position:relative;isolation:isolate;margin:0;color:var(--moz-gallery-text, #fff);font-size:clamp(3.6rem,5vw,7.6rem);font-weight:600;line-height:.98;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 1.8rem 6rem rgba(0,0,0,.74)}.moz-scroll-gallery__heading:after{content:attr(data-heading);position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;color:transparent;opacity:var(--moz-gallery-outline-opacity);-webkit-text-stroke:1px rgba(43,185,237,.52);text-shadow:0 0 2.8rem rgba(43,185,237,.22);transform:translate3d(var(--moz-gallery-text-parallax-x),var(--moz-gallery-text-parallax-y),0);pointer-events:none}.moz-scroll-gallery__heading-text{position:relative;z-index:1;display:block;color:var(--moz-gallery-text, #fff)}.moz-scroll-gallery[data-text-interaction=true] .moz-scroll-gallery__heading-text{background:linear-gradient(105deg,#fff 18% 40%,#bceeff 50%,#fff 60% 82%);background-position:var(--moz-gallery-text-shine) center;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes moz-gallery-signal{0%,28%{box-shadow:0 0 #2bb9ed61,0 0 1.8rem #2bb9ed99}70%,to{box-shadow:0 0 0 .8rem #2bb9ed00,0 0 1.8rem #2bb9ed61}}@keyframes moz-gallery-column-positive{0%{transform:translate3d(0,var(--moz-gallery-active-motion-start),0)}to{transform:translate3d(0,var(--moz-gallery-active-motion-end),0)}}@keyframes moz-gallery-column-negative{0%{transform:translate3d(0,var(--moz-gallery-active-motion-end),0)}to{transform:translate3d(0,var(--moz-gallery-active-motion-start),0)}}@keyframes moz-gallery-copy-view{0%,3.5%{opacity:0;transform:translate3d(0,26px,0) scale(.95)}50%{opacity:1;transform:translateZ(0) scale(1)}96.5%,to{opacity:0;transform:translate3d(0,-26px,0) scale(.95)}}@keyframes moz-gallery-line-view{0%,3.5%,96.5%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}@keyframes moz-gallery-outline-view{0%,3.5%,96.5%,to{opacity:0}50%{opacity:.28}}@supports (animation-timeline: view()) and (animation-range: cover 0% cover 100%) and (animation-duration: auto) and (view-timeline-name: --moz-gallery-scroll){.moz-scroll-gallery__column,.moz-scroll-gallery__copy-inner,.moz-scroll-gallery__signal-line,.moz-scroll-gallery__heading:after{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--moz-gallery-scroll;animation-range:cover 0% cover 100%}.moz-scroll-gallery__column--1,.moz-scroll-gallery__column--3{animation-name:moz-gallery-column-positive}.moz-scroll-gallery__column--2,.moz-scroll-gallery__column--4{animation-name:moz-gallery-column-negative}.moz-scroll-gallery__copy-inner{animation-name:moz-gallery-copy-view}.moz-scroll-gallery__signal-line{animation-name:moz-gallery-line-view}.moz-scroll-gallery__heading:after{animation-name:moz-gallery-outline-view}}@media screen and (max-width:989px){.moz-scroll-gallery{--moz-gallery-active-motion-start: var(--moz-gallery-mobile-motion-start, -36px);--moz-gallery-active-motion-end: var(--moz-gallery-mobile-motion-end, 36px);height:auto;min-height:0;padding:7.2rem 1.6rem 8.8rem;overflow:hidden;content-visibility:visible;contain-intrinsic-block-size:none}.moz-scroll-gallery__stage{display:flex;height:auto;flex-direction:column;gap:4.8rem;overflow:visible}.moz-scroll-gallery__copy{position:relative;inset:auto;order:-1;min-height:0;padding:0}.moz-scroll-gallery__copy:before{display:none}.moz-scroll-gallery__copy-inner{width:min(100%,52rem);opacity:1;transform:none;animation:none}.moz-scroll-gallery__heading{font-size:clamp(3.4rem,11vw,5.6rem);line-height:1.02}.moz-scroll-gallery__columns{position:relative;inset:auto;left:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;width:100%;transform:none;align-items:start}.moz-scroll-gallery__column{display:flex;min-width:0;flex-direction:column;justify-content:flex-start;gap:1.2rem}.moz-scroll-gallery__column--1{grid-column:1;grid-row:1;transform:translate3d(0,var(--moz-gallery-mobile-positive),0)}.moz-scroll-gallery__column--2{grid-column:2;grid-row:1;transform:translate3d(0,calc(0px - var(--moz-gallery-mobile-positive)),0)}.moz-scroll-gallery__column--3{grid-column:1;grid-row:2;transform:translate3d(0,var(--moz-gallery-mobile-positive),0)}.moz-scroll-gallery__column--4{grid-column:2;grid-row:2;transform:translate3d(0,calc(0px - var(--moz-gallery-mobile-positive)),0)}.moz-scroll-gallery__item{border-radius:min(var(--moz-gallery-radius, 24px),20px);box-shadow:0 1rem 2.4rem #0000003d}}@media screen and (max-width:749px){.moz-scroll-gallery{padding-inline:clamp(2rem,6.4vw,2.4rem)}.moz-scroll-gallery__stage{gap:3.6rem}.moz-scroll-gallery__copy-inner{width:min(100%,34rem)}.moz-scroll-gallery__heading{font-size:clamp(3.2rem,9.8vw,4.2rem);line-height:1.04;letter-spacing:-.045em}.moz-scroll-gallery__eyebrow{margin-bottom:1.1rem;font-size:1.2rem;letter-spacing:.14em}.moz-scroll-gallery__columns,.moz-scroll-gallery__column{gap:1rem}}@media(prefers-reduced-motion:reduce){.moz-scroll-gallery__column,.moz-scroll-gallery__item,.moz-scroll-gallery__copy-inner,.moz-scroll-gallery__copy-content,.moz-scroll-gallery__image{transform:none!important;transition:none!important;animation:none!important}.moz-scroll-gallery__signal,.moz-scroll-gallery__signal-line{animation:none!important}.moz-scroll-gallery__heading:after{display:none;animation:none!important}.moz-scroll-gallery__copy-inner{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-moztech-scroll-gallery.css.map */