:root{--motion-fast:240ms;--motion-base:720ms;--motion-slow:1100ms;--motion-ease:cubic-bezier(.16,1,.3,1);--motion-cut:cubic-bezier(.76,0,.24,1)}
body.route-busy{overflow:hidden}
.site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;background:#080809;transition:opacity .55s var(--motion-ease),visibility .55s}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{width:96px;height:118px;position:relative;overflow:hidden;clip-path:inset(0 0 0 0);animation:loader-mark 1s var(--motion-ease) both}.loader-mark img{width:100%;height:100%;object-fit:cover;object-position:center 45%;border-radius:5px}.loader-mark span{position:absolute;inset:0;background:var(--red);transform:translateX(-105%);animation:loader-scan 1.15s var(--motion-cut) .1s both}.site-loader p{margin:22px 0 14px;color:#aaa;font-size:.62rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;animation:loader-copy .7s var(--motion-ease) .15s both}.loader-line{width:180px;height:2px;background:#242429;overflow:hidden}.loader-line i{display:block;width:100%;height:100%;background:var(--red);transform-origin:left;animation:loader-progress 1.1s var(--motion-ease) both}@keyframes loader-mark{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes loader-scan{0%{transform:translateX(-105%)}48%{transform:translateX(0)}100%{transform:translateX(105%)}}@keyframes loader-copy{from{opacity:0;letter-spacing:.35em}to{opacity:1;letter-spacing:.24em}}@keyframes loader-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.route-curtain{position:fixed;inset:0;z-index:900;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;clip-path:inset(0 100% 0 0);pointer-events:none;will-change:clip-path}.route-curtain::after{content:"";position:absolute;inset:0;background:#080809;clip-path:inset(0 0 0 100%)}.route-curtain.is-covering{animation:curtain-in .48s var(--motion-cut) forwards}.route-curtain.is-revealing{animation:curtain-out .62s var(--motion-cut) forwards}.curtain-word{font-size:clamp(4rem,16vw,14rem);font-weight:1000;line-height:.75;letter-spacing:-.09em;transform:skewX(-7deg);opacity:.13}.curtain-number{position:absolute;left:4vw;top:4vw;font-size:.65rem;font-weight:900;letter-spacing:.2em}.curtain-line{position:absolute;left:4vw;right:4vw;bottom:4vw;height:2px;background:rgba(255,255,255,.3);transform-origin:left}.is-covering .curtain-line{animation:line-grow .42s var(--motion-ease) .08s both}@keyframes curtain-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes curtain-out{from{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pointer-glow{position:fixed;left:0;top:0;width:420px;height:420px;z-index:4;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(239,29,40,.075),transparent 67%);transform:translate3d(calc(var(--pointer-x,50vw) - 50%),calc(var(--pointer-y,50vh) - 50%),0);mix-blend-mode:screen;will-change:transform}
.header{transition:transform .45s var(--motion-ease),background .3s}.header.header-hidden{transform:translateY(-101%)}.brand img{transition:transform .55s var(--motion-ease),filter .4s}.brand:hover img{transform:rotate(-4deg) scale(1.06);filter:saturate(1.15)}.nav-links a{position:relative}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--motion-ease)}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);transform-origin:left}
.btn{position:relative;isolation:isolate;overflow:hidden}.btn::after{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.34) 43%,transparent 66%);transform:translateX(-120%) skewX(-12deg);transition:transform .7s var(--motion-ease)}.btn:hover::after{transform:translateX(120%) skewX(-12deg)}.btn .icon{transition:transform .35s var(--motion-ease)}.btn:hover .icon{transform:translateX(3px) rotate(-3deg)}
.hero{background-position:center calc(50% + var(--hero-parallax,0px));overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.07) 51%,transparent 57%);transform:translateX(-110%);animation:hero-sheen 1.4s var(--motion-ease) .55s both}.hero-inner .eyebrow{animation:hero-rise .75s var(--motion-ease) .2s both}.hero h1{animation:hero-title .95s var(--motion-ease) .26s both}.hero p{animation:hero-rise .8s var(--motion-ease) .43s both}.hero-actions{animation:hero-rise .8s var(--motion-ease) .54s both}.hero-note{animation:hero-note 1s var(--motion-ease) .7s both}@keyframes hero-title{from{opacity:0;transform:translate3d(0,50px,0);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes hero-rise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}@keyframes hero-note{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes hero-sheen{to{transform:translateX(120%)}}
.stats .stat{opacity:0;transform:translateY(35px);animation:stat-rise .65s var(--motion-ease) forwards}.stats .stat:nth-child(1){animation-delay:.6s}.stats .stat:nth-child(2){animation-delay:.68s}.stats .stat:nth-child(3){animation-delay:.76s}.stats .stat:nth-child(4){animation-delay:.84s}@keyframes stat-rise{to{opacity:1;transform:none}}.stat strong{transition:color .3s,transform .4s var(--motion-ease)}.stat:hover strong{color:var(--red);transform:translateY(-3px)}
.reveal{opacity:0;transform:translate3d(0,44px,0);clip-path:inset(0 0 12% 0);transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease),clip-path var(--motion-base) var(--motion-ease);transition-delay:var(--stagger,0ms);will-change:transform,opacity}.reveal.visible{opacity:1;transform:none;clip-path:inset(0)}.section-head.reveal h2,.intro-copy h2{transform:translateY(18px);transition:transform .85s var(--motion-ease) .08s}.section-head.reveal.visible h2,.intro-grid.visible .intro-copy h2{transform:none}
.intro-media,.process-media,.product-art,.viewer{isolation:isolate}.process-media,.product-art{position:relative}.intro-media::before,.process-media::before,.product-art::before,.viewer::before{content:"";position:absolute;z-index:4;inset:0;background:var(--red);transform-origin:right;transform:scaleX(1);transition:transform .9s var(--motion-cut) var(--stagger,0ms);pointer-events:none}.intro-grid.visible .intro-media::before,.process-card.visible .process-media::before,.product-card.visible .product-art::before,.viewer.is-unveiled::before{transform:scaleX(0)}.intro-media img{will-change:transform;transform:translate3d(0,var(--media-parallax,0px),0) scale(1.07);transition:transform .25s linear}.process-media img,.process-media video,.category-card img,.product-art img{filter:saturate(.82);transition:transform .85s var(--motion-ease),filter .5s var(--motion-ease),scale .85s var(--motion-ease)}
.category-card,.product-card,.process-card,.contact-card,.capability{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;contain:layout paint}.category-card::before,.product-card::before,.process-card::after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.12),transparent 65%);transform:translateX(-115%);transition:transform .8s var(--motion-ease);pointer-events:none}.category-card:hover::before,.product-card:hover::before,.process-card:hover::after{transform:translateX(115%)}.category-card:hover img,.product-card:hover img,.process-card:hover img,.process-card:hover video{filter:saturate(1.04);scale:1.045}.card-copy,.product-copy,.process-body{transition:transform .55s var(--motion-ease)}.category-card:hover .card-copy,.product-card:hover .product-copy,.process-card:hover .process-body{transform:translateY(-7px)}.process-number{transition:transform .45s var(--motion-ease),background .3s}.process-card:hover .process-number{transform:rotate(-5deg) scale(1.08);background:#080809}
.page-hero{position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--red);transform-origin:left;animation:page-line .9s var(--motion-ease) .24s both}.page-hero h1{animation:hero-title .82s var(--motion-ease) .08s both}.page-hero p,.page-hero .eyebrow{animation:hero-rise .72s var(--motion-ease) .2s both}@keyframes page-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.spec{transition:padding-left .35s var(--motion-ease),background .3s}.spec:hover{padding-left:10px;background:rgba(255,255,255,.025)}.filter{transition:transform .3s var(--motion-ease),background .25s,color .25s}.filter:hover{transform:translateY(-3px)}.field input,.field textarea,.field select{transition:border-color .25s,box-shadow .25s,transform .25s}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px rgba(239,29,40,.12);transform:translateY(-1px)}.social{position:relative;overflow:hidden}.social::before{content:"";position:absolute;inset:0;background:#111;transform:translateY(101%);transition:transform .35s var(--motion-ease)}.social b{position:relative;z-index:1}.social:hover::before{transform:none}.whatsapp-float{animation:wa-breathe 2.8s ease-in-out infinite}@keyframes wa-breathe{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.22)}50%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 12px rgba(37,211,102,0)}}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #fff;outline-offset:3px}.product-videos video{transition:transform .5s var(--motion-ease),box-shadow .5s}.product-videos video:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
@media(hover:hover) and (pointer:fine){.motion-card{transition:transform .18s ease-out,border-color .3s,box-shadow .3s}.motion-card:hover{box-shadow:0 22px 55px rgba(0,0,0,.2)}}
@media(max-width:720px){.pointer-glow{display:none}.route-curtain .curtain-word{font-size:28vw}.reveal{transform:translate3d(0,26px,0)}.hero{background-position:67% calc(50% + var(--hero-parallax,0px))}.product-videos{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-loader{display:none}.route-curtain,.pointer-glow,.scroll-progress{display:none}.header{transition:none}.hero::before{display:none}.hero-inner .eyebrow,.hero h1,.hero p,.hero-actions,.hero-note,.page-hero h1,.page-hero p,.page-hero .eyebrow,.stats .stat{animation:none;opacity:1;transform:none}.intro-media::before,.process-media::before,.product-art::before,.viewer::before{display:none}.intro-media img{transform:none!important}.whatsapp-float{animation:none}.reveal{opacity:1;transform:none;clip-path:none;transition:none}.section-head.reveal h2,.intro-copy h2{transform:none;transition:none}}

/* Cinematic direction system — shared by every customer-facing route. */
#main{opacity:0;transform:translate3d(0,18px,0);clip-path:inset(0 0 2.5% 0);transition:opacity .7s var(--motion-ease),transform .85s var(--motion-ease),clip-path .9s var(--motion-ease)}
#main.page-ready{opacity:1;transform:none;clip-path:inset(0)}
.route-curtain{isolation:isolate;background:linear-gradient(112deg,#8f0e1c 0%,var(--red) 46%,#ff394a 100%)}
.route-curtain::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.2) 20%);transform:scaleX(1);transform-origin:left}
.route-curtain::after{content:"";position:absolute;z-index:-1;inset:0;background:#08090b;clip-path:polygon(0 0,24% 0,8% 100%,0 100%);transform:translateX(-110%)}
.route-curtain.is-covering::after{animation:curtain-blade-in .5s var(--motion-cut) both}.route-curtain.is-revealing::after{animation:curtain-blade-out .62s var(--motion-cut) both}
.is-covering .curtain-word{animation:curtain-type .48s var(--motion-ease) both}.is-revealing .curtain-word{animation:curtain-type-out .45s var(--motion-ease) both}
@keyframes curtain-blade-in{to{transform:translateX(0)}}@keyframes curtain-blade-out{from{transform:translateX(0)}to{transform:translateX(520%)}}
@keyframes curtain-type{from{opacity:0;letter-spacing:.08em;transform:translateY(45px) skewX(-10deg)}to{opacity:.16;letter-spacing:-.09em;transform:translateY(0) skewX(-7deg)}}
@keyframes curtain-type-out{from{opacity:.16;transform:translateY(0) skewX(-7deg)}to{opacity:0;transform:translateY(-40px) skewX(-7deg)}}
.site-loader::before,.site-loader::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:loader-rails 1.15s var(--motion-cut) both}.site-loader::before{top:22%}.site-loader::after{bottom:22%;animation-direction:reverse}
@keyframes loader-rails{from{transform:scaleX(0);opacity:0}45%{opacity:1}to{transform:scaleX(1);opacity:.2}}
.hero-word{display:inline-block;will-change:transform,opacity;animation:word-launch .9s var(--motion-ease) calc(.18s + var(--word)*.065s) both}
@keyframes word-launch{from{opacity:0;transform:translate3d(0,105%,0) rotate(2deg);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
.hero-gridlines{animation:grid-breathe 7s ease-in-out infinite alternate}.hero-proof{animation:proof-enter .9s var(--motion-ease) .75s both}.hero-proof::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--signal);animation:proof-line 1s var(--motion-ease) 1s forwards}
@keyframes grid-breathe{to{opacity:.52;transform:scaleX(1.012)}}@keyframes proof-enter{from{opacity:0;transform:translate3d(28px,0,0);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes proof-line{to{right:0}}
.motion-stage{position:relative}.motion-stage .section-head{position:relative}.motion-stage .section-head::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:1px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.14) 18%,rgba(255,255,255,.05));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--motion-ease) .12s}.section.light.motion-stage .section-head::after{background:linear-gradient(90deg,var(--red),rgba(10,10,10,.2) 18%,rgba(10,10,10,.04))}.motion-stage.visible .section-head::after{transform:scaleX(1)}
.motion-stage .eyebrow{transition:letter-spacing .9s var(--motion-ease),opacity .7s,transform .7s var(--motion-ease)}.motion-stage:not(.visible) .eyebrow{opacity:0;transform:translateX(-18px);letter-spacing:.3em}.motion-stage.visible .eyebrow{opacity:1;transform:none}
.category-card .card-copy>*{transition:opacity .55s var(--motion-ease),transform .65s var(--motion-ease)}.category-card:not(.visible) .card-copy>*{opacity:0;transform:translateY(18px)}.category-card.visible .card-copy>*:nth-child(2){transition-delay:.08s}.category-card.visible .card-copy>*:nth-child(3){transition-delay:.15s}
.motion-card{--card-x:50%;--card-y:50%}.product-card.motion-card{position:relative}.product-card.motion-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--card-x) var(--card-y),rgba(255,255,255,.19),transparent 34%);opacity:0;transform:none;transition:opacity .35s;mix-blend-mode:soft-light}.product-card.motion-card:hover::after{opacity:1;transform:none}
.product-art::after{transition:border-color .4s,box-shadow .55s var(--motion-ease)}.product-card:hover .product-art::after{border-color:rgba(255,255,255,.3);box-shadow:inset 0 0 0 8px rgba(255,255,255,.055)}
.product-index{transition:background .35s,color .35s,transform .45s var(--motion-ease)}.product-card:hover .product-index{background:var(--red);transform:translate(5px,5px)}
.product-copy h3{transition:color .35s,transform .5s var(--motion-ease)}.product-card:hover .product-copy h3{color:#fff;transform:translateX(4px)}
.process-card::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.33) 48%,transparent 65%)}.process-card:hover .process-number{transform:translateY(-5px) rotate(-4deg);background:var(--red)}
.capability{position:relative;overflow:hidden}.capability::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--motion-ease)}.capability:hover::before{transform:scaleY(1)}.capability h3,.capability p{transition:transform .5s var(--motion-ease),color .35s}.capability:hover h3,.capability:hover p{transform:translateX(8px)}.capability:hover p{color:#c3c4c7}
.viewer::after{content:"ROBEX / PRODUCT VIEW";position:absolute;z-index:2;right:17px;bottom:76px;color:rgba(255,255,255,.7);font-size:.48rem;font-weight:800;letter-spacing:.2em;writing-mode:vertical-rl;pointer-events:none}.gallery-thumb img{transition:transform .65s var(--motion-ease),filter .4s}.gallery-thumb:hover img,.gallery-thumb.active img{transform:scale(1.06);filter:contrast(1.05)}
.spec dd{transition:color .3s,transform .4s var(--motion-ease)}.spec:hover dd{color:#fff;transform:translateX(5px)}
.form .field{opacity:0;transform:translateY(15px);animation:form-field-in .6s var(--motion-ease) forwards}.form .field:nth-child(2){animation-delay:.04s}.form .field:nth-child(3){animation-delay:.08s}.form .field:nth-child(4){animation-delay:.12s}.form .field:nth-child(5){animation-delay:.16s}.form .field:nth-child(6){animation-delay:.2s}.form .field:nth-child(7){animation-delay:.24s}.form .field:nth-child(8){animation-delay:.28s}.form .field:nth-child(n+9){animation-delay:.32s}@keyframes form-field-in{to{opacity:1;transform:none}}
.field{position:relative}.field::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--signal);transition:right .5s var(--motion-ease)}.field:focus-within::after{right:0}
.social svg{transition:transform .5s var(--motion-ease)}.social:hover svg{transform:scale(1.12) rotate(-8deg)}
.footer-signal{transform:translateY(45px);opacity:0;clip-path:inset(0 0 100%);transition:transform 1s var(--motion-ease),opacity .8s,clip-path 1s var(--motion-ease)}.footer.visible .footer-signal{transform:none;opacity:1;clip-path:inset(0)}.footer-grid>div{transition:opacity .7s var(--motion-ease),transform .8s var(--motion-ease)}.footer:not(.visible) .footer-grid>div{opacity:0;transform:translateY(24px)}.footer.visible .footer-grid>div:nth-child(2){transition-delay:.08s}.footer.visible .footer-grid>div:nth-child(3){transition-delay:.16s}
.cta.motion-stage::before{animation:cta-drift 16s linear infinite}.cta.motion-stage .cta-inner>div{transition:transform .9s var(--motion-ease),opacity .7s}.cta.motion-stage:not(.visible) .cta-inner>div{transform:translateX(-35px);opacity:0}@keyframes cta-drift{to{transform:translateX(25%)}}
@media(max-width:720px){.hero-word{animation-duration:.72s}.motion-card::after{display:none}.motion-stage .section-head::after{bottom:-16px}.viewer::after{display:none}}
.scroll-item{opacity:0;transform:translate3d(var(--scroll-x,0),34px,0) scale(.985);filter:blur(7px);transition:opacity .72s var(--motion-ease),transform .9s var(--motion-ease),filter .72s var(--motion-ease);transition-delay:var(--scroll-delay,0ms);will-change:transform,opacity,filter}.scroll-item.scroll-in{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.scroll-item.field{animation:none}
.motion-stage{--stage-progress:0}.motion-stage .container{position:relative}.motion-stage .container::selection{background:var(--signal)}
.scrolling-down .header:not(.header-hidden){box-shadow:0 18px 55px rgba(0,0,0,.3)}.scrolling-up .header{box-shadow:0 12px 40px rgba(0,0,0,.24)}
.section-head h2,.intro-copy h2{transition:transform .75s var(--motion-ease),letter-spacing .75s var(--motion-ease)}.motion-stage.visible .section-head h2{letter-spacing:-.065em}.check.scroll-in::before{display:inline-block;animation:check-pop .5s var(--motion-ease) var(--scroll-delay,0ms) both}@keyframes check-pop{from{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:none}}
.spec.scroll-item,.contact-card.scroll-item{position:relative}.spec.scroll-in::before,.contact-card.scroll-in::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--red);transform-origin:top;animation:scroll-rule .7s var(--motion-ease) var(--scroll-delay,0ms) both}@keyframes scroll-rule{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.socials>.scroll-item{transform:translate3d(0,24px,0) scale(.8) rotate(-8deg)}.socials>.scroll-item.scroll-in{transform:none}.gallery-thumb.scroll-item{transform:translate3d(0,25px,0) scale(.9)}.gallery-thumb.scroll-item.scroll-in{transform:none}
@media(max-width:720px){.scroll-item{transform:translate3d(0,25px,0) scale(.99);filter:blur(4px);transition-duration:.65s}.scroll-item.scroll-in{transform:none;filter:none}}
.product-card[data-autoshuffle] .product-art img,.category-card[data-autoshuffle]>img{transition:opacity .52s var(--motion-ease),filter .52s var(--motion-ease),transform .85s var(--motion-ease)!important}.product-card.is-shuffling .product-art img,.category-card.is-shuffling>img{opacity:0;filter:blur(9px) saturate(.65);transform:scale(1.035)!important}
.live-indicator{position:absolute;z-index:3;top:13px;right:13px;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;background:rgba(8,9,11,.78);backdrop-filter:blur(10px);color:#fff;font:800 .5rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;transition:opacity .35s,transform .45s var(--motion-ease)}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(255,51,70,.45);animation:live-pulse 1.8s ease-out infinite}.product-card:hover .live-indicator{transform:translateY(-3px)}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(255,51,70,.5)}70%,100%{box-shadow:0 0 0 8px rgba(255,51,70,0)}}
.viewer>img:first-child{transform-origin:50% 55%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;transition:transform .72s var(--motion-ease),opacity .42s ease,filter .5s ease}.viewer.is-changing.turn-next>img:first-child{opacity:0;filter:blur(7px) saturate(.7);transform:translate3d(-5%,0,-100px) rotateY(-24deg) rotateX(2deg) scale(.94)}.viewer.is-changing.turn-prev>img:first-child{opacity:0;filter:blur(7px) saturate(.7);transform:translate3d(5%,0,-100px) rotateY(24deg) rotateX(-2deg) scale(.94)}.viewer-watermark{transition:opacity .35s,transform .55s var(--motion-ease)}.viewer.is-changing .viewer-watermark{opacity:.25;transform:translateZ(30px) scale(.94)}.viewer-count{transition:transform .45s var(--motion-ease),background .3s}.viewer.is-changing .viewer-count{transform:translateY(-4px) rotate(3deg);background:var(--red)}
.product-art{perspective:1000px;transform-style:preserve-3d}.product-card.is-shuffling .product-art img{opacity:0;filter:blur(9px) saturate(.65);transform:translateZ(-80px) rotateY(22deg) scale(.94)!important}.category-card.is-shuffling>img{opacity:0;filter:blur(9px) saturate(.65);transform:perspective(1100px) translateZ(-70px) rotateY(-18deg) scale(.96)!important}.gallery-thumb.active img{animation:thumb-depth .65s var(--motion-ease) both}@keyframes thumb-depth{from{transform:perspective(600px) rotateY(-12deg) scale(.94);filter:brightness(.75)}to{transform:none;filter:none}}
[data-autoshuffle]{perspective:1200px;transform-style:preserve-3d}.product-art{position:relative;overflow:hidden}.shuffle-ghost{position:absolute!important;z-index:1;inset:0;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;pointer-events:none;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity,filter}.product-card.is-shuffling .product-art>img:not(.shuffle-ghost),.category-card.is-shuffling>img:not(.shuffle-ghost),.product-card.is-shuffling .shuffle-ghost,.category-card.is-shuffling>.shuffle-ghost{transition:transform .82s cubic-bezier(.2,.72,.18,1),opacity .7s ease,filter .7s ease!important;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity,filter}
.product-card.is-shuffling .product-art>.shuffle-ghost,.category-card.is-shuffling>.shuffle-ghost{opacity:1;filter:none;transform:perspective(1200px) translate3d(0,0,0) rotateY(0) scale(1)!important}
.product-card.is-shuffling.shuffle-right .product-art>img:not(.shuffle-ghost),.category-card.is-shuffling.shuffle-right>img:not(.shuffle-ghost){opacity:0;filter:brightness(.7) saturate(.8);transform:perspective(1200px) translate3d(8%,0,-80px) rotateY(82deg) scale(.95)!important}.product-card.is-shuffling.shuffle-left .product-art>img:not(.shuffle-ghost),.category-card.is-shuffling.shuffle-left>img:not(.shuffle-ghost){opacity:0;filter:brightness(.7) saturate(.8);transform:perspective(1200px) translate3d(-8%,0,-80px) rotateY(-82deg) scale(.95)!important}
.product-card.shuffle-play .product-art>img:not(.shuffle-ghost),.category-card.shuffle-play>img:not(.shuffle-ghost){opacity:1;filter:none;transform:perspective(1200px) translate3d(0,0,0) rotateY(0) scale(1)!important}.product-card.shuffle-play.shuffle-right .shuffle-ghost,.category-card.shuffle-play.shuffle-right>.shuffle-ghost{opacity:0;filter:brightness(.65) blur(3px);transform:perspective(1200px) translate3d(-9%,0,-90px) rotateY(-84deg) scale(.94)!important}.product-card.shuffle-play.shuffle-left .shuffle-ghost,.category-card.shuffle-play.shuffle-left>.shuffle-ghost{opacity:0;filter:brightness(.65) blur(3px);transform:perspective(1200px) translate3d(9%,0,-90px) rotateY(84deg) scale(.94)!important}
@media(prefers-reduced-motion:reduce){#main,#main.page-ready{opacity:1;transform:none;clip-path:none;transition:none}.site-loader::before,.site-loader::after,.hero-gridlines,.hero-proof,.hero-word,.form .field{animation:none!important;opacity:1;transform:none;clip-path:none}.motion-stage .section-head::after,.capability::before,.field::after,.spec.scroll-in::before,.contact-card.scroll-in::before{display:none}.motion-stage:not(.visible) .eyebrow,.category-card:not(.visible) .card-copy>*,.footer-signal,.footer:not(.visible) .footer-grid>div,.cta.motion-stage:not(.visible) .cta-inner>div,.scroll-item{opacity:1;transform:none;clip-path:none;filter:none;transition:none}.motion-card::after{display:none}}