/* Source-measured timings; authored amplitudes and mappings: motion-recipes.json. */
:root{--noma-ease:cubic-bezier(.23,1,.32,1);--noma-reveal:1800ms;--noma-hover:800ms;--noma-scroll-cycle:2800ms}
html{scroll-behavior:smooth}.line-link,.reservation,.menu-toggle{transition:background-color 400ms ease,color 400ms ease}
.line-link span,.menu-arrow,.book-button span{display:inline-block;transition:transform var(--noma-hover) var(--noma-ease)}
.line-link:hover span,.line-link:focus-visible span,.book-button:hover span{transform:translateX(8px)}
.menu-row:hover .menu-arrow,.menu-row:focus-visible .menu-arrow{transform:translateY(-8px)}
.motion-char{display:inline-block;transform-origin:50% 100%;white-space:pre}.motion-word{display:inline-block;white-space:nowrap}.motion-heading{perspective:800px}
.scroll span{position:relative;display:block;width:20px;height:40px;margin:auto;overflow:hidden;font-size:0}.scroll span::before{content:'';position:absolute;left:9px;top:0;width:1px;height:34px;background:currentColor;transform-origin:50% 0;animation:noma-scroll-line var(--noma-scroll-cycle) cubic-bezier(.86,0,.07,1) infinite}.scroll span::after{content:'↓';position:absolute;left:0;top:0;width:20px;font-size:28px;line-height:40px;animation:noma-scroll-arrow var(--noma-scroll-cycle) cubic-bezier(.86,0,.07,1) infinite}
@keyframes noma-scroll-line{0%,80%,100%{transform:scaleY(0)}50%{transform:scaleY(1)}}
@keyframes noma-scroll-arrow{0%{transform:translateY(-100%)}50%{transform:translateY(0)}100%{transform:translateY(100%)}}
.motion-toggle{position:fixed;z-index:30;right:18px;bottom:18px;padding:8px 13px;border:1px solid #777;background:#fffffff2;color:#222;font-size:12px;box-shadow:0 2px 14px #0001;min-height:40px}.motion-toggle:hover{background:#222;color:#fff}.motion-toggle[hidden]{display:none}
.style-photo,.concept-image,.sub-photo{overflow:hidden}.ghost-title{will-change:transform}.motion-stopped{scroll-behavior:auto}.motion-stopped .scroll span::before,.motion-stopped .scroll span::after{animation:none}.motion-stopped .scroll span::before{transform:scaleY(1)}.motion-stopped .scroll span::after{transform:none}.motion-stopped *{transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scroll span::before{transform:scaleY(1)}.scroll span::after{transform:none}.ghost-title{will-change:auto}}
