.motion-toggle{display:block;margin:18px auto 0;background:#24262f85;color:#fff;border:1px solid #ffffff60;border-radius:18px;font-size:11px;line-height:1.4;padding:7px 13px;cursor:pointer}.motion-toggle:disabled{cursor:default}.motion-on .hero{background-image:url('assets/hero-animated.webp')}.motion-ready.motion-on [data-motion]{opacity:0;transform:translate3d(0,35px,0);transition:opacity 1s ease var(--motion-delay,0ms),transform 1s cubic-bezier(.22,.61,.36,1) var(--motion-delay,0ms)}.motion-ready.motion-on [data-motion=fade]{transform:none;transition-duration:1.2s}.motion-ready.motion-on [data-motion=right]{transform:translate3d(55px,0,0)}.motion-ready.motion-on [data-motion=left]{transform:translate3d(-55px,0,0)}.motion-ready.motion-on [data-motion=perspective]{transform:perspective(600px) translate3d(0,70px,0) rotateX(-20deg) rotateY(-20deg);transition-duration:3s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.motion-ready.motion-on [data-motion=rotate]{transform-origin:left bottom;transform:rotate(-12deg) translate3d(0,30px,0)}.motion-ready.motion-on [data-motion].motion-visible{opacity:1;transform:none}.motion-on .tour::before,.motion-on .tour::after{content:'';position:absolute;left:-12px;top:50%;width:32px;height:32px;border:1px solid #ffffff40;border-radius:50%;pointer-events:none;animation:tour-pulse 4s ease-in-out infinite;z-index:-1}.motion-on .tour::after{animation-delay:2s}.motion-on .hero-link span{animation:scroll-cue 2.6s ease-in-out infinite}.motion-on .feature>img{transform:translate3d(0,var(--parallax-y,0px),0)}.motion-on .service>.icon{transition:transform .45s ease,color .3s}.motion-on .service:hover>.icon{transform:translateY(-6px);color:#ff7042}.motion-on .articles article{transition:transform .35s ease,box-shadow .35s ease}.motion-on .articles article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #2b2e3f12}.motion-on nav.open{animation:menu-reveal .25s ease both}.motion-on dialog[open]{animation:dialog-reveal .3s ease both}.motion-on .text-link .icon,.motion-on .button .icon{transition:transform .25s ease}.motion-on .text-link:hover .icon,.motion-on .button:hover .icon{transform:translateX(4px)}.features,.contact{overflow:clip}@keyframes tour-pulse{0%,100%{transform:translateY(-50%) scale(.7);opacity:.25}50%{transform:translateY(-50%) scale(1.3);opacity:.65}}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes menu-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes dialog-reveal{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.motion-ready.motion-on [data-motion=left]{transform:translate3d(-22px,0,0)}.motion-ready.motion-on [data-motion=right]{transform:translate3d(22px,0,0)}.motion-ready.motion-on [data-motion=perspective]{transform:perspective(600px) translate3d(0,30px,0) rotateX(-10deg);transition-duration:1.6s}.motion-ready.motion-on [data-motion].motion-visible{transform:none}.motion-toggle{margin-top:12px}}@media(prefers-reduced-motion:reduce){.hero{background-image:url('assets/hero.webp')!important}[data-motion]{opacity:1!important;transform:none!important;transition:none!important}.feature>img{transform:none!important}}html:not(.motion-on) .feature>img{transform:none}html:not(.motion-on) .work figure img{transition:none}html:not(.motion-on) .work figure:hover img{transform:none}