.calinfi-odun-motion{--calinfi-odun-motion-accent: #ff7443;--calinfi-odun-motion-gradient-top: #ffffff;--calinfi-odun-motion-gradient-bottom: #dcdcdc;--section-height-desktop: 1080px;--section-height-mobile: 720px;--background-opacity: .34;--background-scale: 100;--background-x: 50%;--background-y: 50%;--mobile-background-scale: 116;--mobile-background-x: 50%;--mobile-background-y: 50%;--product-scale: 100;--product-x: 50%;--product-y: 50%;--mobile-product-scale: 124;--mobile-product-x: 50%;--mobile-product-y: 50%;--animation-speed: 18s;--motion-font: "Funnel Display", var(--font-body-family, system-ui), sans-serif;position:relative;width:100%;height:min(var(--section-height-desktop),56.25vw);min-height:760px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,#fffffff0,#ffffff9e 36%,#fff0 68%),linear-gradient(180deg,var(--calinfi-odun-motion-gradient-top) 0%,#dfdfdf 100%);font-family:var(--motion-font)}.calinfi-odun-motion,.calinfi-odun-motion *{box-sizing:border-box}.calinfi-odun-motion__background{position:absolute;top:10.833%;left:3.542%;z-index:0;width:92.969%;height:78.333%;transform:translate(calc((var(--background-x) - 50%) * .4),calc((var(--background-y) - 50%) * .4)) scale(calc(var(--background-scale) / 100));transform-origin:var(--background-x) var(--background-y);pointer-events:none}.calinfi-odun-motion__word-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.calinfi-odun-motion__word-scene{display:block;width:100%;height:100%;overflow:visible}.calinfi-odun-motion__word-layer{fill:#fff}.calinfi-odun-motion__word{font-family:var(--motion-font);font-size:128px;font-weight:300;line-height:.8784;letter-spacing:0;white-space:pre}.calinfi-odun-motion__word--0{transform:translate(0)}.calinfi-odun-motion__word--1{transform:translate(750px)}.calinfi-odun-motion__word--2{transform:translate(1211px)}.calinfi-odun-motion__word--3{transform:translate(40px,282px)}.calinfi-odun-motion__word--4{transform:translate(520px,282px)}.calinfi-odun-motion__word--5{transform:translate(248px,141px)}.calinfi-odun-motion__word--6{transform:translate(682px,141px)}.calinfi-odun-motion__word--7{transform:translate(1071px,141px)}.calinfi-odun-motion__word--8{transform:translate(1008px,282px)}.calinfi-odun-motion__word--9{transform:translate(1391px,282px)}.calinfi-odun-motion__word--10{transform:translate(25px,423px)}.calinfi-odun-motion__word--11{transform:translate(139px,564px)}.calinfi-odun-motion__word--12{transform:translate(391px,423px)}.calinfi-odun-motion__word--13{transform:translate(814px,423px)}.calinfi-odun-motion__word--14{transform:translate(655px,564px)}.calinfi-odun-motion__word--15{transform:translate(1187px,423px)}.calinfi-odun-motion__word--16{transform:translate(1218px,564px)}.calinfi-odun-motion__word--17{transform:translate(1532px,423px)}.calinfi-odun-motion__word--18{transform:translate(131px,705px)}.calinfi-odun-motion__word--19{transform:translate(642px,705px)}.calinfi-odun-motion__word--20{transform:translate(1173px,705px)}.calinfi-odun-motion__glow-frame{color:var(--calinfi-odun-motion-accent);opacity:var(--background-opacity);transform:translate(-314px,-226px);animation:calinfi-odun-motion-vector-position var(--animation-speed) linear infinite;will-change:transform}.calinfi-odun-motion__glow-art{overflow:visible;transform-box:fill-box;transform-origin:50% 50%;animation:calinfi-odun-motion-vector-shape var(--animation-speed) linear infinite;will-change:transform}.calinfi-odun-motion__glow-path{fill:currentColor}.calinfi-odun-motion__product{position:absolute;top:15.833%;left:15.833%;z-index:1;width:68.333%;aspect-ratio:16 / 9;transform:translate(calc((var(--product-x) - 50%) * .45),calc((var(--product-y) - 50%) * .45)) scale(calc(var(--product-scale) / 100));transform-origin:var(--product-x) var(--product-y)}.calinfi-odun-motion__product-media{position:absolute;top:0;right:0;bottom:0;left:0}.calinfi-odun-motion__product-media:empty{display:none}.calinfi-odun-motion__media-element{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.calinfi-odun-motion__poster{z-index:1}.calinfi-odun-motion__video{z-index:2}.calinfi-odun-motion__sequence{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.calinfi-odun-motion__sequence.is-dragging{cursor:grabbing}.calinfi-odun-motion__sequence-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%}.calinfi-odun-motion__sequence-poster{z-index:1;pointer-events:none;transition:opacity .18s ease}.calinfi-odun-motion__sequence.is-ready .calinfi-odun-motion__sequence-poster{opacity:0}.calinfi-odun-motion--static .calinfi-odun-motion__glow-frame,.calinfi-odun-motion--static .calinfi-odun-motion__glow-art,.calinfi-odun-motion.is-reduced-motion .calinfi-odun-motion__glow-frame,.calinfi-odun-motion.is-reduced-motion .calinfi-odun-motion__glow-art{animation-play-state:paused}.calinfi-odun-motion.is-reduced-motion .calinfi-odun-motion__video{opacity:0}@keyframes calinfi-odun-motion-vector-position{0%{transform:translate(-314px,-226px)}7.142857%{transform:translate(253px,-202px)}14.285714%{transform:translate(613px,7px)}21.428571%{transform:translate(792px,59px)}28.571429%{transform:translate(932px,318px)}35.714286%{transform:translate(1111px,473px)}50%{transform:translate(554px,553px)}64.285714%{transform:translate(287px,504px)}78.571429%{transform:translate(-229px,291px)}92.857143%{transform:translate(-1345px,-339px)}to{transform:translate(-314px,-226px)}}@keyframes calinfi-odun-motion-vector-shape{0%{transform:rotate(0) scale(1)}7.142857%{transform:rotate(-9.41deg) scale(.748,.91)}14.285714%{transform:rotate(-9.41deg) scale(.701,1.18)}21.428571%{transform:rotate(-9.41deg) scale(.704,.931)}28.571429%{transform:rotate(44.48deg) scale(.753,.999)}35.714286%{transform:rotate(44.48deg) scale(.873,.792)}50%{transform:rotate(44.48deg) scale(.956,.928)}64.285714%{transform:rotate(44.48deg) scale(.637,.539)}78.571429%{transform:rotate(44.48deg) scale(.741,.902)}92.857143%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.calinfi-odun-motion__glow-frame,.calinfi-odun-motion__glow-art{animation:none}}@media screen and (max-width:989px){.calinfi-odun-motion{height:var(--section-height-mobile);min-height:560px}.calinfi-odun-motion__background{top:9%;left:-18%;width:136%;height:82%;transform:translate(calc((var(--mobile-background-x) - 50%) * .5),calc((var(--mobile-background-y) - 50%) * .5)) scale(calc(var(--mobile-background-scale) / 100));transform-origin:var(--mobile-background-x) var(--mobile-background-y)}.calinfi-odun-motion__product{top:23%;left:-10%;width:120%;transform:translate(calc((var(--mobile-product-x) - 50%) * .5),calc((var(--mobile-product-y) - 50%) * .5)) scale(calc(var(--mobile-product-scale) / 100));transform-origin:var(--mobile-product-x) var(--mobile-product-y)}.calinfi-odun-motion__word{font-size:118px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/calinfi-odun-motion.css.map */