/* BeautyRoyal Motion 1.0 */
:root{
  --brm-duration: .72s;
  --brm-distance: 22px;
  --brm-scale: .975;
  --brm-ease: cubic-bezier(.22,.8,.25,1);
  --brm-delay: 0ms;
  --brm-gold: #E2BA81;
}
.brm-intensity-low{--brm-duration:.58s;--brm-distance:13px;--brm-scale:.988}
.brm-intensity-high{--brm-duration:.9s;--brm-distance:34px;--brm-scale:.96}
.brm-style-soft{--brm-duration:.8s;--brm-distance:14px}
.brm-style-dynamic{--brm-duration:.66s;--brm-distance:30px}

html:not(.brm-reduced) .brm-reveal{
  opacity:0;
  transition:
    opacity var(--brm-duration) var(--brm-ease) var(--brm-delay),
    transform var(--brm-duration) var(--brm-ease) var(--brm-delay),
    filter var(--brm-duration) var(--brm-ease) var(--brm-delay);
  will-change:opacity,transform;
  backface-visibility:hidden;
}
html:not(.brm-reduced) .brm-fade-up{transform:translate3d(0,var(--brm-distance),0)}
html:not(.brm-reduced) .brm-slide-left{transform:translate3d(calc(var(--brm-distance) * -1),8px,0)}
html:not(.brm-reduced) .brm-slide-right{transform:translate3d(var(--brm-distance),8px,0)}
html:not(.brm-reduced) .brm-price-left{transform:translate3d(calc(var(--brm-distance) * -1),10px,0) scale(var(--brm-scale))}
html:not(.brm-reduced) .brm-price-right{transform:translate3d(var(--brm-distance),10px,0) scale(var(--brm-scale))}
html:not(.brm-reduced) .brm-image{transform:translate3d(0,12px,0) scale(.985);filter:blur(1.5px)}
html:not(.brm-reduced) .brm-visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none!important;
}
.brm-price-accent{
  transition-property:opacity,transform,filter,box-shadow!important;
}
.brm-price-accent.brm-visible{
  box-shadow:0 14px 38px rgba(28,26,25,.07);
}
.brm-button{
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease!important;
}
.brm-button:hover{transform:translateY(-2px);filter:brightness(1.025)}
html:not(.brm-reduced) .brm-hero{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity .8s var(--brm-ease),transform .8s var(--brm-ease);
}
html:not(.brm-reduced) .brm-hero.brm-hero-ready{opacity:1;transform:none}

@media(max-width:767px){
  :root{--brm-distance:14px;--brm-duration:.6s}
  .brm-price-accent.brm-visible{box-shadow:0 10px 26px rgba(28,26,25,.055)}
}
@media(prefers-reduced-motion:reduce){
  .brm-reveal,.brm-hero{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .brm-button{transition:none!important}
}