.moz-cinematic-reveal{--moz-cr-progress: 0;--moz-cr-scale: var(--moz-cr-start-scale-desktop, .82);--moz-cr-radius: 28px;--moz-cr-frame-y: 3vh;--moz-cr-scroll-hint-opacity: 1;position:relative;overflow:clip;background:var(--moz-cr-background, #05080d);color:var(--moz-cr-title, #f7fafc);font-family:Poppins,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate}.moz-cinematic-reveal *,.moz-cinematic-reveal *:before,.moz-cinematic-reveal *:after{box-sizing:border-box}.moz-cinematic-reveal__track{position:relative;height:var(--moz-cr-scroll-desktop, 190vh);min-height:calc(100vh + 320px);background:radial-gradient(circle at 50% 46%,rgba(43,185,237,.08),transparent 34%),var(--moz-cr-background, #05080d)}.moz-cinematic-reveal__sticky{position:sticky;top:0;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(31,53,67,.32),transparent 48%),#03060a}.moz-cinematic-reveal__frame-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.moz-cinematic-reveal__frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--moz-cr-radius);background:#020408;box-shadow:0 34px 90px #0000007a,0 0 0 1px #ffffff14;transform:translate3d(0,var(--moz-cr-frame-y),0) scale(var(--moz-cr-scale));transform-origin:center;will-change:transform,border-radius;backface-visibility:hidden}.moz-cinematic-reveal__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -18vh 22vh #00000014}.moz-cinematic-reveal__poster,.moz-cinematic-reveal__poster picture,.moz-cinematic-reveal__poster img,.moz-cinematic-reveal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.moz-cinematic-reveal__poster{z-index:0;background:#020408}.moz-cinematic-reveal__poster img,.moz-cinematic-reveal__video{display:block;object-position:var(--moz-cr-focus-desktop, 50% 50%)}.moz-cinematic-reveal__poster img{object-fit:var(--moz-cr-fit-desktop, cover)}.moz-cinematic-reveal__video{z-index:1;object-fit:var(--moz-cr-fit-desktop, cover);opacity:0;transition:opacity .42s ease;background:transparent}.moz-cinematic-reveal__video.is-ready{opacity:1}.moz-cinematic-reveal__video--mobile{display:none}.moz-cinematic-reveal__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff24;background:linear-gradient(135deg,rgba(43,185,237,.08),transparent 45%),#090d13}.moz-cinematic-reveal__placeholder svg{width:100%;height:100%}.moz-cinematic-reveal__scroll-hint{position:absolute;z-index:5;left:50%;bottom:clamp(24px,4vh,44px);display:inline-flex;align-items:center;gap:10px;color:#edf6fbb8;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;opacity:var(--moz-cr-scroll-hint-opacity);transform:translate(-50%);transition:opacity .16s linear;pointer-events:none}.moz-cinematic-reveal__scroll-hint:before{content:"";width:22px;height:1px;background:var(--moz-cr-accent, #2bb9ed);box-shadow:0 0 10px #2bb9ed66}.moz-cinematic-reveal__caption{position:relative;z-index:4;display:flex;min-height:clamp(560px,72vh,780px);margin-top:-36vh;margin-top:-36dvh;align-items:flex-start;overflow:hidden;border-top:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%);background:radial-gradient(circle at 17% 24%,rgba(43,185,237,.13),transparent 31%),linear-gradient(180deg,rgba(3,6,10,0) 0%,rgba(3,6,10,.72) 18%,var(--moz-cr-background, #05080d) 42%,#030509 100%)}.moz-cinematic-reveal__caption:before{content:"";position:absolute;top:6px;left:clamp(20px,7vw,120px);width:min(136px,24vw);height:1px;background:linear-gradient(90deg,rgba(43,185,237,.68),rgba(43,185,237,.14) 48%,transparent);opacity:.42}.moz-cinematic-reveal__caption-inner{width:min(100%,1440px);margin:0 auto;padding:clamp(72px,9vh,104px) clamp(28px,7vw,112px) clamp(104px,14vh,160px)}.moz-cinematic-reveal__caption-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(56px,8vw,132px);align-items:end}.moz-cinematic-reveal__identity,.moz-cinematic-reveal__details{opacity:1;transform:none}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption :is(.moz-cinematic-reveal__eyebrow,.moz-cinematic-reveal__title,.moz-cinematic-reveal__description,.moz-cinematic-reveal__cta){opacity:0;transform:translate3d(0,38px,0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);filter:blur(8px);will-change:opacity,transform,clip-path,filter;transition:opacity .64s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.22,1,.36,1),-webkit-clip-path .88s cubic-bezier(.22,1,.36,1),clip-path .88s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1)}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption .moz-cinematic-reveal__title{transition-delay:80ms}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption .moz-cinematic-reveal__description{transition-delay:.22s}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption .moz-cinematic-reveal__cta{transition-delay:.34s}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption.is-visible :is(.moz-cinematic-reveal__eyebrow,.moz-cinematic-reveal__title,.moz-cinematic-reveal__description,.moz-cinematic-reveal__cta){opacity:1;transform:translateZ(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);filter:blur(0)}.moz-cinematic-reveal__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--moz-cr-accent, #2bb9ed);font-size:clamp(11px,.8vw,13px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.moz-cinematic-reveal__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 16px #2bb9edb3}.moz-cinematic-reveal__title{max-width:820px;margin:0;color:var(--moz-cr-title, #f7fafc);font-size:clamp(44px,4.8vw,78px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}.moz-cinematic-reveal__description{max-width:540px;color:var(--moz-cr-body, rgba(226, 235, 241, .78));font-size:clamp(15px,1.18vw,19px);font-weight:400;line-height:1.68}.moz-cinematic-reveal__description p{margin:0}.moz-cinematic-reveal__cta{display:inline-flex;min-height:46px;align-items:center;gap:12px;margin-top:28px;padding:0 2px 8px;border-bottom:1px solid rgba(43,185,237,.65);color:#f4f9fc;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:color .18s ease,border-color .18s ease}.moz-cinematic-reveal__cta svg{width:16px;height:16px;transition:transform .22s cubic-bezier(.22,1,.36,1)}.moz-cinematic-reveal__cta:hover{color:var(--moz-cr-accent, #2bb9ed);border-color:currentColor}.moz-cinematic-reveal__cta:hover svg{transform:translate(4px)}.moz-cinematic-reveal__cta:focus-visible{outline:2px solid var(--moz-cr-accent, #2bb9ed);outline-offset:7px}@media screen and (min-width:750px)and (max-width:1099px){.moz-cinematic-reveal__caption-inner{padding:clamp(68px,8vh,88px) clamp(34px,5vw,56px) clamp(96px,12vh,132px)}.moz-cinematic-reveal__caption-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:clamp(32px,4vw,48px)}.moz-cinematic-reveal__title{max-width:14ch;font-size:clamp(42px,5.2vw,58px);line-height:1.03}.moz-cinematic-reveal__description{max-width:32em;font-size:15px;line-height:1.62}.moz-cinematic-reveal__cta{margin-top:24px}}@media screen and (max-width:749px){.moz-cinematic-reveal{--moz-cr-scale: var(--moz-cr-start-scale-mobile, .88);--moz-cr-radius: 22px;--moz-cr-frame-y: 1.5vh}.moz-cinematic-reveal__track{height:var(--moz-cr-scroll-mobile, 150vh);min-height:calc(100svh + 180px)}.moz-cinematic-reveal__sticky{height:100svh}.moz-cinematic-reveal__frame{height:var(--moz-cr-mobile-media-height, 74svh);max-height:820px}.moz-cinematic-reveal--mobile-shared .moz-cinematic-reveal__frame{height:auto;max-height:none;aspect-ratio:16 / 9}.moz-cinematic-reveal__poster img,.moz-cinematic-reveal__video{object-position:var(--moz-cr-focus-mobile, 50% 50%)}.moz-cinematic-reveal__poster img,.moz-cinematic-reveal__video{object-fit:var(--moz-cr-fit-mobile, contain)}.moz-cinematic-reveal__video--desktop{display:none}.moz-cinematic-reveal__video--mobile{display:block}.moz-cinematic-reveal__scroll-hint{bottom:26px;font-size:10px}.moz-cinematic-reveal__caption{min-height:0;margin-top:-32svh;align-items:stretch}.moz-cinematic-reveal__caption:before{left:22px;width:92px}.moz-cinematic-reveal__caption-inner{padding:58px 20px 88px}.moz-cinematic-reveal__caption-grid{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.moz-cinematic-reveal__eyebrow{margin-bottom:18px}.moz-cinematic-reveal__title{max-width:12ch;font-size:clamp(32px,9.4vw,40px);line-height:1.06;letter-spacing:-.042em;text-wrap:pretty}.moz-cinematic-reveal__description{max-width:31em;font-size:14.5px;line-height:1.58}.moz-cinematic-reveal__cta{margin-top:22px;font-size:13.5px}}@media(prefers-reduced-motion:reduce){.moz-cinematic-reveal{--moz-cr-scale: 1 !important;--moz-cr-radius: 18px !important;--moz-cr-frame-y: 0 !important;--moz-cr-scroll-hint-opacity: 0 !important}.moz-cinematic-reveal__track{height:auto;min-height:0;padding:clamp(18px,3vw,42px)}.moz-cinematic-reveal__sticky{position:relative;height:clamp(520px,78vh,880px);border-radius:18px}.moz-cinematic-reveal__frame{border-radius:18px;transform:none;will-change:auto}.moz-cinematic-reveal.is-motion-ready .moz-cinematic-reveal__caption :is(.moz-cinematic-reveal__eyebrow,.moz-cinematic-reveal__title,.moz-cinematic-reveal__description,.moz-cinematic-reveal__cta){opacity:1;transform:none;-webkit-clip-path:none;clip-path:none;filter:none;will-change:auto;transition:none}.moz-cinematic-reveal__video{display:none}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.moz-cinematic-reveal__sticky{height:min(74svh,760px)}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/moztech-cinematic-product-reveal.css.map */