/* Motion is progressive enhancement: content is visible when JS is unavailable. */
html { scroll-behavior: smooth; }
.ramen-image-frame { overflow: hidden; }
.sec-mv { overflow: clip; }
.motion-enabled .motion-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity 950ms cubic-bezier(.22,1,.36,1),
              transform 1100ms cubic-bezier(.22,1,.36,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.motion-enabled .motion-reveal.is-revealed,
.motion-enabled .motion-reveal:focus-within {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.motion-enabled .ramen-image-frame img,
.motion-enabled .menu-photo img,
.motion-enabled .menu-item:hover .menu-photo img {
  transform: translate3d(0, var(--photo-offset, 0px), 0) scale(1.09);
  transition: none;
}
.motion-enabled .sec-1-box-lt img,
.motion-enabled .sec-1-box-rt img,
.motion-enabled .sec-1-bottom-img img,
.motion-enabled .store-imgs img {
  transform: translate3d(0, var(--photo-offset, 0px), 0);
}
.header-logo, .languages button, .header-menu-nav-list a,
.filters button, .ramen-more, .menu-note a {
  transition: opacity .3s ease, color .3s ease, border-color .3s ease;
}
.ramen-more > span:last-child {
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.ramen-more:hover > span:last-child,
.ramen-more:focus-visible > span:last-child { transform: translateX(6px); }
@media (max-width: 768px) {
  .motion-enabled .motion-reveal {
    transform: translate3d(0, 18px, 0);
    transition-duration: 750ms, 900ms;
    transition-delay: 0ms;
  }
  .motion-enabled .motion-reveal.is-revealed,
  .motion-enabled .motion-reveal:focus-within { transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .motion-enabled .motion-reveal { opacity: 1; transform: none; }
  .motion-enabled .ramen-image-frame img,
  .motion-enabled .menu-photo img,
  .motion-enabled .sec-1-box-lt img,
  .motion-enabled .sec-1-box-rt img,
  .motion-enabled .sec-1-bottom-img img,
  .motion-enabled .store-imgs img,
  .sec-mv-img, .sec-mv-txt { transform: none !important; }
  .sec-mv-txt { opacity: 1 !important; }
}