/* Motion layer: scale-in reveals, banner parallax, compact header, progress line (html[data-mx-motion]; off for reduced motion) */
html[data-mx-motion] [data-mx-reveal]:not(.mx-in){opacity:0;transform:translateY(42px) scale(.94);transform-origin:50% 100%}
html[data-mx-motion] [data-mx-reveal]{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)!important}
html[data-mx-motion] [data-mx-reveal].mx-in{opacity:1;transform:none}
html[data-mx-motion] body #app .mp-card[data-mx-reveal].mx-in:hover{transform:translateY(-6px)!important;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s!important}
html[data-mx-motion] body #app .mp-card .mp-photo :is(img,svg){transition:transform .9s cubic-bezier(.22,1,.36,1)!important}
html[data-mx-motion] body #app .mp-card:hover .mp-photo :is(img,svg){transform:scale(1.07)!important}
html[data-mx-motion] body #app .mp-card .mp-photo{overflow:hidden!important}
html[data-mx-motion][data-mx-home] body #app .mh-hero{--mx-par:0}
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-bottle{translate:0 calc(var(--mx-par) * 90px);scale:calc(1 + var(--mx-par) * .12)}
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-copy{translate:0 calc(var(--mx-par) * -40px);opacity:calc(1 - var(--mx-par) * 1.1)}
html[data-mx-motion][data-mx-home] body #app .mh-hero .mh-slide{scale:calc(1 - var(--mx-par) * .05);transform-origin:50% 0}
html[data-mx-motion] body #app header.mn-header{transition:box-shadow .4s ease,background-color .4s ease!important}
html[data-mx-motion] body #app header.mn-header .mn-brand img{transition:transform .45s cubic-bezier(.22,1,.36,1)!important;transform-origin:50% 0}
html[data-mx-motion][data-mx-compact] body #app header.mn-header{box-shadow:0 10px 30px rgba(48,40,43,.08)!important;background-color:rgba(250,247,242,.94)!important;backdrop-filter:blur(12px)}
html[data-mx-motion][data-mx-compact] body #app header.mn-header .mn-brand img{transform:scale(.82)}
.mx-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:2147483000;background:linear-gradient(90deg,#800d28,#c9a96a);transform-origin:100% 50%;transform:scaleX(0);pointer-events:none}
html:not([data-mx-motion]) .mx-progress{display:none}
html[dir="ltr"] .mx-progress{transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){html [data-mx-reveal]{opacity:1!important;transform:none!important}.mx-progress{display:none}}
html[data-mx-home] body #app .mh-hero .mh-frame{background:transparent!important;border-radius:4px!important;box-shadow:none!important}