:root.artwear-page-ready { opacity: 1; }
html.artwear-page-enter body {
  animation: artwearPageEnter .28s cubic-bezier(.22,.61,.36,1) both;
}
html.artwear-page-leaving body {
  animation: artwearPageLeave .22s cubic-bezier(.4,0,1,1) both;
}
html.artwear-page-ready body {
  overflow-x:hidden;
}

@keyframes artwearPageEnter {
  from { opacity: 0; transform: translate3d(0,8px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes artwearPageLeave {
  from { opacity: 1; transform: translate3d(0,0,0); }
  to { opacity: 0; transform: translate3d(0,-5px,0); }
}
@media (prefers-reduced-motion: reduce) {
  html.artwear-page-enter body,
  html.artwear-page-leaving body { animation: none !important; }
}
/* Safety: a page restored from mobile browser history/BFCache must be visible. */
html.artwear-page-ready:not(.artwear-page-leaving) body { opacity: 1; }