/* Motion is an explicit enhancement. Every page remains readable without it. */
.motion-hero-camera{position:absolute;inset:0;z-index:-3;overflow:hidden;transform-origin:72% 55%}
.motion-hero-camera>.brand-hero-image{z-index:0;transform:none!important;will-change:auto}
.motion-hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;isolation:isolate}
.motion-headlight{position:absolute;left:55%;top:30%;width:55%;height:56%;border-radius:50%;background:radial-gradient(ellipse,#cce7ff55 0%,#7db4f017 38%,transparent 70%);mix-blend-mode:screen;opacity:.35;transform-origin:50% 50%}
.motion-light-sweep{position:absolute;left:15%;top:-60%;width:19%;height:220%;background:linear-gradient(90deg,transparent,#b5d9ff1c 44%,#f3faff29 50%,transparent);transform:translateX(-360%) rotate(28deg);opacity:0}
.motion-technical-grid{position:absolute;inset:-80px;background-image:linear-gradient(#aac9f510 1px,transparent 1px),linear-gradient(90deg,#aac9f510 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 78% 73%,#000 0%,transparent 58%);-webkit-mask-image:radial-gradient(ellipse at 78% 73%,#000 0%,transparent 58%);opacity:.5}
.motion-studio-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#d1e9ff;box-shadow:0 0 16px 4px #9bcfff55;opacity:.2}
.motion-studio-spark:nth-last-child(3){left:64%;top:37%}.motion-studio-spark:nth-last-child(2){left:84%;top:66%}.motion-studio-spark:last-child{left:48%;top:77%}
.brand-hero h1.motion-title{animation:none!important;transform:none!important}
.brand-hero h1 .motion-title-line{display:block;overflow:hidden;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;color:inherit!important;padding-bottom:.11em;margin-bottom:-.11em}
.brand-hero h1 .motion-title-word{display:block;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;color:inherit!important;transform-origin:0 100%;will-change:transform,opacity}
.motion-marquee{position:relative;overflow:hidden;background:#f3f4f6;border-block:1px solid #dcdfe5;padding:22px 0 25px;pointer-events:none;contain:layout paint}
.motion-marquee-track{display:flex;width:max-content;transform:translateX(0);will-change:transform}
.motion-marquee-group{display:flex;align-items:center;flex-shrink:0;gap:40px;padding-right:40px;font-family:var(--heading,'Manrope',sans-serif);font-size:clamp(42px,5.6vw,80px);font-weight:650;line-height:1.12;letter-spacing:-3px;white-space:nowrap;color:#c9ced6;-webkit-text-stroke:1px #a4acb9}
.motion-marquee-group>span{color:transparent}.motion-marquee-group>b{font-size:.48em;font-weight:400;line-height:1;color:#a4acb9;-webkit-text-stroke:0;letter-spacing:0}
/* Reserve the lower-right corner for the Powered by Netlify badge. */
.motion-toggle{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:75;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 15px;border:1px solid #ffffff35;border-radius:999px;background:#20252deb;color:#f5f8fd;box-shadow:0 5px 30px #0c17252b;backdrop-filter:blur(18px);font-family:var(--font,Arial,sans-serif);font-size:11px;font-weight:500;line-height:1.3;cursor:pointer;touch-action:manipulation;transition:background .2s,box-shadow .2s}
.motion-toggle:hover{background:#304057;box-shadow:0 7px 30px #0c172540}.motion-toggle:focus-visible{outline:3px solid #71a7ff;outline-offset:4px}.motion-toggle-indicator{display:flex;align-items:center;justify-content:center;width:17px;height:17px;gap:3px}.motion-toggle-indicator i{display:block;height:12px;width:2px;border-radius:2px;background:#a7cbff;transform-origin:50% 100%}.motion-toggle-indicator i:nth-child(2){height:17px}.motion-toggle-indicator i:nth-child(3){height:10px}
.motion-paused .motion-toggle-indicator{display:block;position:relative}.motion-paused .motion-toggle-indicator i{display:none}.motion-paused .motion-toggle-indicator:before{content:'';position:absolute;left:5px;top:3px;border-left:9px solid #bcd8ff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.motion-enabled .motion-hero-camera{animation:motion-camera 18s ease-in-out infinite alternate!important;animation-duration:18s!important;animation-play-state:paused!important}
.motion-enabled .motion-headlight{animation:motion-headlight 6.4s ease-in-out infinite!important;animation-duration:6.4s!important;animation-play-state:paused!important}
.motion-enabled .motion-light-sweep{animation:motion-sweep 9s cubic-bezier(.4,0,.3,1) infinite!important;animation-duration:9s!important;animation-play-state:paused!important}
.motion-enabled .motion-technical-grid{animation:motion-grid 18s linear infinite!important;animation-duration:18s!important;animation-play-state:paused!important}
.motion-enabled .motion-studio-spark{animation:motion-spark 5s ease-in-out infinite!important;animation-duration:5s!important;animation-play-state:paused!important}.motion-enabled .motion-studio-spark:nth-last-child(2){animation-delay:1.3s!important}.motion-enabled .motion-studio-spark:last-child{animation-delay:2.6s!important}
.motion-enabled .brand-hero.motion-in-view :is(.motion-hero-camera,.motion-headlight,.motion-light-sweep,.motion-technical-grid,.motion-studio-spark){animation-play-state:running!important}
.motion-enabled .brand-hero h1 .motion-title-word{animation:motion-title-enter 1.35s cubic-bezier(.18,.75,.15,1) both!important;animation-duration:1.35s!important}.motion-enabled .brand-hero h1 .motion-title-line:nth-child(2) .motion-title-word{animation-delay:.14s!important}
.motion-enabled .brand-hero .hero-entry:not(h1){animation:motion-hero-enter 1s cubic-bezier(.18,.75,.15,1) both!important;animation-duration:1s!important}.motion-enabled .brand-hero .hero-entry:first-child{animation-delay:.1s!important}.motion-enabled .brand-hero p.hero-entry{animation-delay:.3s!important}.motion-enabled .brand-hero .brand-hero-actions{animation-delay:.42s!important}
.motion-enabled .brand-hero-actions .brand-button{position:relative}.motion-enabled .brand-hero-actions .brand-button:after{content:'';position:absolute;inset:-7px;border:1px solid #d6eaff80;border-radius:inherit;pointer-events:none;animation:motion-cta-ring 5.5s ease-out infinite!important;animation-duration:5.5s!important;animation-delay:1.5s!important;animation-play-state:paused!important}.motion-enabled .brand-hero.motion-in-view .brand-hero-actions .brand-button:after{animation-play-state:running!important}
.motion-enabled .scroll-line:after{animation:scroll-line 2.8s ease-in-out infinite!important;animation-duration:2.8s!important;animation-play-state:paused!important}.motion-enabled .brand-hero.motion-in-view .scroll-line:after{animation-play-state:running!important}
.motion-enabled .motion-marquee-track{animation:motion-marquee 34s linear infinite!important;animation-duration:34s!important;animation-play-state:paused!important}.motion-enabled .motion-marquee.motion-in-view .motion-marquee-track{animation-play-state:running!important}
.motion-enabled .motion-toggle-indicator i{animation:motion-equalizer 1s ease-in-out infinite alternate!important;animation-duration:1s!important}.motion-enabled .motion-toggle-indicator i:nth-child(2){animation-delay:-.5s!important}.motion-enabled .motion-toggle-indicator i:nth-child(3){animation-delay:-.3s!important}
.motion-enabled .motion-card-arriving{animation:motion-card-enter .75s cubic-bezier(.18,.75,.15,1) both!important;animation-duration:.75s!important;animation-delay:var(--motion-card-delay,0ms)!important}
.motion-enabled .premium-site :is(.button,.brand-button,.showcase-open,.text-link,.brand-link,.category-tabs button,.showcase-tabs button,.product-card,.directory-card,.related-card){transition-duration:.4s!important;transition-timing-function:cubic-bezier(.2,.7,.2,1)!important}
.motion-enabled .premium-site :is(.button,.brand-button,.showcase-open,.text-link,.brand-link){transition-property:translate,background,color,box-shadow,transform!important}
.motion-enabled .premium-site :is(.button,.brand-button,.showcase-open):active{scale:.97;transition-duration:.12s!important}
.motion-enabled .premium-site .motion-touch-feedback{animation:motion-touch .4s ease-out!important;animation-duration:.4s!important}
@media(hover:hover) and (pointer:fine){.motion-enabled .premium-site :is(.button,.brand-button,.showcase-open):hover{translate:0 -3px}.motion-enabled .premium-site :is(.text-link,.brand-link):hover svg{translate:4px 0;transition:translate .35s!important}.motion-enabled .premium-site :is(.product-card,.directory-card,.related-card):hover{translate:0 -3px}.motion-enabled .premium-site :is(.product-card,.directory-card,.related-card){transition-property:translate,transform,box-shadow,background!important}}
.motion-paused .premium-site *,.motion-paused .premium-site *:before,.motion-paused .premium-site *:after,.motion-document-hidden .premium-site *,.motion-document-hidden .premium-site *:before,.motion-document-hidden .premium-site *:after{animation-play-state:paused!important}
.motion-paused .brand-hero h1 .motion-title-word,.motion-paused .brand-hero .hero-entry{animation:none!important;opacity:1!important;transform:none!important}
.motion-paused .motion-headlight,.motion-paused .motion-light-sweep,.motion-paused .motion-technical-grid,.motion-paused .motion-studio-spark{opacity:0!important}
.motion-paused .motion-marquee-track{animation:none!important;transform:none!important}
.motion-paused .motion-card-arriving{animation:none!important;opacity:1!important;transform:none!important}
@keyframes motion-camera{0%{transform:scale(1.12) translate3d(-1.2%,.3%,0)}100%{transform:scale(1.025) translate3d(.6%,-.5%,0)}}
@keyframes motion-headlight{0%,100%{opacity:.15;transform:scale(.85) translate3d(-3%,0,0)}50%{opacity:.72;transform:scale(1.12) translate3d(3%,-2%,0)}}
@keyframes motion-sweep{0%,12%{opacity:0;transform:translateX(-280%) rotate(28deg)}30%{opacity:.7}65%,100%{opacity:0;transform:translateX(680%) rotate(28deg)}}
@keyframes motion-grid{to{transform:translate3d(80px,0,0)}}
@keyframes motion-spark{0%,100%{opacity:.08;transform:translateY(0) scale(.6)}45%{opacity:.8;transform:translateY(-16px) scale(1.2)}}
@keyframes motion-title-enter{from{opacity:.12;transform:translate3d(0,108%,0) rotate(3deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes motion-hero-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes motion-cta-ring{0%{opacity:0;transform:scale(.96)}18%{opacity:.65}60%,100%{opacity:0;transform:scale(1.17,1.4)}}
@keyframes motion-marquee{to{transform:translateX(-50%)}}
@keyframes motion-equalizer{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes motion-card-enter{from{opacity:0;transform:translate3d(0,35px,0) scale(.975)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes motion-touch{0%{scale:1}40%{scale:.96}100%{scale:1}}
@media(max-width:700px){.motion-toggle{right:max(12px,env(safe-area-inset-right));min-height:40px;padding:10px 13px;font-size:10px;gap:8px}.motion-marquee{padding:18px 0 20px}.motion-marquee-group{font-size:44px;letter-spacing:-1.8px;gap:26px;padding-right:26px}.motion-headlight{left:32%;top:34%;width:85%;height:45%}.motion-technical-grid{background-size:80px 80px;opacity:.32}.motion-studio-spark:last-child{display:none}.motion-enabled .motion-marquee-track{animation-duration:30s!important}.motion-enabled .motion-hero-camera{animation-duration:21s!important}.motion-enabled .motion-light-sweep{animation-duration:11s!important}}
@media(prefers-reduced-motion:reduce){html:not(.motion-force) .motion-hero-camera,html:not(.motion-force) .motion-hero-atmosphere *,html:not(.motion-force) .motion-marquee-track,html:not(.motion-force) .motion-title-word,html:not(.motion-force) .motion-toggle-indicator i{animation:none!important;transform:none!important}}
html.motion-force.motion-ready [data-reveal]{transition:opacity .85s cubic-bezier(.18,.75,.15,1),transform .85s cubic-bezier(.18,.75,.15,1)!important;transition-duration:.85s!important}
html.motion-force.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translate3d(0,42px,0)}
html.motion-force.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media print{.motion-toggle,.motion-hero-atmosphere,.motion-marquee{display:none!important}.motion-hero-camera{transform:none!important;animation:none!important}}