.sx-hero-scene{--sx-scene-duration:9s;--sx-scene-x:0px;--sx-scene-y:0px;--sx-scene-tilt:0deg;z-index:3;isolation:isolate;pointer-events:none;contain:paint;background:0 0;position:absolute;inset:0;overflow:hidden}.sx-hero-scene[data-speed=slow]{--sx-scene-duration:15s}.sx-hero-scene[data-speed=fast]{--sx-scene-duration:5s}.sx-hero-scene>span{pointer-events:none;position:absolute}.sx-hero-scene__glow{opacity:.38;mix-blend-mode:soft-light;animation:sx-scene-glimmer var(--sx-scene-duration) ease-in-out infinite alternate;background:radial-gradient(at 65% 33%,#ffffff75,#0000 49%);inset:0}.sx-hero-scene__grid{opacity:0;transform-origin:50% 100%;background-color:#0000;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;transform:perspective(500px)rotateX(62deg)scale(1.5)}.sx-hero-scene__floor{opacity:.3;background:radial-gradient(at 50% 100%,#ffffff6b,#0000 65%);inset:56% -8% -16%}.sx-hero-scene__rays{opacity:.2;animation:sx-scene-rays calc(var(--sx-scene-duration) * 4) linear infinite;background:conic-gradient(from 20deg,#0000 0deg,#ffffff70 5deg,#0000 13deg 52deg,#ffffff47 57deg,#0000 65deg);inset:-20%}.sx-hero-scene__stage{z-index:4;transform:translate3d(var(--sx-scene-x),var(--sx-scene-y),0) rotateY(var(--sx-scene-tilt));perspective:950px;transition:transform .18s ease-out;inset:0}.sx-hero-scene__object{animation:sx-scene-hover var(--sx-scene-duration) ease-in-out infinite;will-change:transform;place-items:center;display:grid;position:absolute;inset:0}.sx-hero-scene__object img{filter:drop-shadow(0 28px 28px #010b1a4d);margin:auto;transform:translateZ(0);object-fit:contain!important;object-position:center!important;width:min(78%,850px)!important;max-width:none!important;height:83%!important;max-height:none!important;display:block!important;position:relative!important}.sx-hero-scene[data-scene=ocean] .sx-hero-scene__floor{opacity:.8;animation:sx-scene-ocean calc(var(--sx-scene-duration) * 1.7) ease-in-out infinite alternate;background:linear-gradient(#0000,#1b9bc657 24%,#064a7e59 92%),repeating-linear-gradient(176deg,#0000 0 22px,#ffffff42 23px 24px,#0000 25px 46px);inset:58% -5% -20%}.sx-hero-scene[data-scene=ocean] .sx-hero-scene__rays{opacity:.1}.sx-hero-scene[data-scene=ocean] .sx-hero-scene__object{animation-name:sx-scene-cruise}.sx-hero-scene[data-scene=automotive] .sx-hero-scene__grid,.sx-hero-scene[data-scene=architecture] .sx-hero-scene__grid,.sx-hero-scene[data-scene=technology] .sx-hero-scene__grid{opacity:.26}.sx-hero-scene[data-scene=automotive] .sx-hero-scene__floor{background:linear-gradient(160deg,#0000 38%,#d2e4ff47 47%,#0000 49%),linear-gradient(20deg,#0000 38%,#d2e4ff3b 47%,#0000 49%)}.sx-hero-scene[data-scene=automotive] .sx-hero-scene__rays{animation:sx-scene-road calc(var(--sx-scene-duration) * .7) linear infinite;background:repeating-linear-gradient(97deg,#0000 0 16%,#fff3 17%,#0000 19% 31%);transform:skew(-16deg)}.sx-hero-scene[data-scene=architecture] .sx-hero-scene__grid{opacity:.3;transform:perspective(760px)rotateX(34deg)scale(1.2)}.sx-hero-scene[data-scene=architecture] .sx-hero-scene__floor{background:linear-gradient(#0000,#dcccb361)}.sx-hero-scene[data-scene=technology] .sx-hero-scene__grid{opacity:.38;background-size:34px 34px}.sx-hero-scene[data-scene=technology] .sx-hero-scene__glow{background:radial-gradient(circle at 55% 48%,#30e1f199,#0000 58%)}.sx-hero-scene[data-scene=culinary] .sx-hero-scene__glow{background:radial-gradient(circle at 48% 45%,#ffb95ca6,#0000 60%)}.sx-hero-scene[data-scene=culinary] .sx-hero-scene__floor{background:radial-gradient(#ab6d3680,#0000 75%)}.sx-hero-scene[data-scene=fashion] .sx-hero-scene__glow{background:radial-gradient(at 65% 15%,#f7c7d2a6,#0000 55%)}.sx-hero-scene[data-scene=fashion] .sx-hero-scene__floor{background:linear-gradient(#0000 20%,#fff5e64d)}.sx-hero-scene[data-scene=nature] .sx-hero-scene__glow{background:radial-gradient(circle at 45% 20%,#a4ee9b8f,#0000 58%)}.sx-hero-scene[data-scene=nature] .sx-hero-scene__floor{background:linear-gradient(#0000 15%,#186e465c)}.sx-hero-scene[data-scene=showcase] .sx-hero-scene__glow{background:radial-gradient(circle at 50% 40%,#d9caffad,#0000 50%)}.sx-hero-scene[data-scene=showcase] .sx-hero-scene__floor{background:radial-gradient(#c2bcff73,#0000 72%)}@keyframes sx-scene-hover{0%,to{transform:translate(0,0)rotate(-1.2deg)scale(.985)}50%{transform:translateY(-3%)rotate(1.2deg)scale(1.015)}}@keyframes sx-scene-cruise{0%,to{transform:translate(-2%,.8%)rotate(-1.4deg)scale(.97)}50%{transform:translate(2%,-1.4%)rotate(.9deg)scale(1.025)}}@keyframes sx-scene-ocean{0%{transform:translate(-1%)translateY(0)}to{transform:translate(1%)translateY(-2.5%)}}@keyframes sx-scene-glimmer{0%{opacity:.18;transform:scale(.95)}to{opacity:.5;transform:scale(1.06)}}@keyframes sx-scene-rays{to{transform:rotate(360deg)}}@keyframes sx-scene-road{to{background-position:210px 0}}.sx-hero-scene[data-paused=true] .sx-hero-scene__object,.sx-hero-scene[data-paused=true] .sx-hero-scene__glow,.sx-hero-scene[data-paused=true] .sx-hero-scene__floor,.sx-hero-scene[data-paused=true] .sx-hero-scene__rays,.sx-hero-scene[data-offscreen=true] .sx-hero-scene__object,.sx-hero-scene[data-offscreen=true] .sx-hero-scene__glow,.sx-hero-scene[data-offscreen=true] .sx-hero-scene__floor,.sx-hero-scene[data-offscreen=true] .sx-hero-scene__rays{animation-play-state:paused!important}.sx .sx-hero-image .sx-hero-bg.sx-hero-scene-only{min-height:clamp(360px,68svh,760px)}.sx .sx-hero-image .sx-hero-bg>.sx-hero-scene,.sx .sx-hero-visual>.sx-hero-scene{z-index:3}.sx .sx-hero-image .sx-hero-bg>.sx-hero-scene .sx-hero-scene__object img{height:84%!important}@media (max-width:759px){.sx-hero-scene__object img{width:min(96%,650px)!important;height:74%!important}.sx-hero-scene__floor{opacity:.45}.sx-hero-scene__rays{opacity:.1}}@media (prefers-reduced-motion:reduce){.sx-hero-scene *,.sx-hero-scene :before,.sx-hero-scene :after{transition:none!important;animation:none!important;transform:none!important}.sx-hero-scene__rays{display:none!important}}
