.demo-motion-shell{overflow:clip}.demo-motion-toggle{z-index:80;color:#2c3328;cursor:pointer;background:#fffff5ed;border:1px solid #73776c50;border-radius:3px;align-items:center;gap:10px;min-height:44px;padding:10px 15px;font:11px monospace;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:0 5px 20px #0001}.demo-motion-toggle:focus-visible{outline-offset:3px;outline:3px solid #ff703a}.demo-motion-shell[data-motion=false] *,.demo-motion-shell[data-motion=false] :before,.demo-motion-shell[data-motion=false] :after{scroll-behavior:auto!important;animation-play-state:paused!important}.demo-motion-shell section[data-in-view=false] *,.demo-motion-shell section[data-in-view=false] :before,.demo-motion-shell section[data-in-view=false] :after{animation-play-state:paused!important}.demo-motion-shell :is(.demo-proof-image,.nord-info-hero>figure,.elan-service-hero>figure,.axis-inner-hero>figure){transform:translateY(var(--demo-depth,0px));will-change:auto;transition:transform .25s linear}.demo-motion-shell :is(.demo-service-image,.axis-paths-grid>a,.beauty-paths-grid>a){isolation:isolate;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s;position:relative}.demo-motion-shell :is(.demo-service-image,.axis-paths-grid>a,.beauty-paths-grid>a):after{content:"";pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff25,transparent 55%);opacity:0;z-index:2;transition:opacity .4s;position:absolute;inset:0}.demo-motion-shell :is(.demo-service-image,.axis-paths-grid>a,.beauty-paths-grid>a):focus-visible{outline:3px solid var(--demo-accent,#947344);outline-offset:5px}@media (hover:hover) and (pointer:fine){.demo-motion-shell[data-motion=true] :is(.demo-service-image,.axis-paths-grid>a,.beauty-paths-grid>a):hover{transform:translateY(-7px);box-shadow:0 18px 30px #0002}.demo-motion-shell[data-motion=true] :is(.demo-service-image,.axis-paths-grid>a,.beauty-paths-grid>a):hover:after{opacity:1}}@media (max-width:640px){.demo-motion-toggle{justify-content:center;width:44px;padding:8px;bottom:10px;left:10px}.demo-motion-toggle span{display:none}}@media (prefers-reduced-motion:reduce){.demo-motion-shell *,.demo-motion-shell :before,.demo-motion-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.demo-motion-shell :is(.demo-proof-image,.nord-info-hero>figure,.elan-service-hero>figure,.axis-inner-hero>figure){transform:none}.demo-motion-shell .demo-auto-gallery figure:not(:first-child){opacity:0}.demo-motion-shell .demo-auto-gallery figure:first-child{opacity:1}}