/* A visitor can explicitly opt in even when their device requests less motion. */
.motion-control{position:fixed;right:20px;bottom:18px;z-index:45;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#151a15ed;border:1px solid #c4ae8055;box-shadow:0 4px 25px #0004;backdrop-filter:blur(12px);color:#c4ae80;line-height:1.6;font-family:var(--serif)}.motion-control>span:not(.motion-light){font-size:9px;letter-spacing:.06em}.motion-light{width:5px;height:5px;border-radius:50%;background:#767c6e}.motion-control button{background:none;border:0;border-left:1px solid #c4ae8040;padding:3px 0 3px 12px;font-size:10px;letter-spacing:.08em}.motion-control button:hover{color:#fff}.hero{isolation:isolate}html[data-motion=on]{scroll-behavior:smooth!important}html[data-motion=on] .hero-image{animation:evening-pan 12s ease-in-out infinite alternate!important;will-change:transform}html[data-motion=on] .scroll-cue i:after{animation:scroll-line 2.5s infinite!important}html[data-motion=on] .hero h1>span,html[data-motion=on] .intro{animation:enter 1.4s ease both!important}html[data-motion=on] .hero h1>span:nth-child(2){animation-delay:.2s!important}html[data-motion=on] .hero-description{animation:enter 1.4s .4s both!important}html[data-motion=on] .text-link{animation:enter 1.4s .6s both!important}html[data-motion=on] .motion-light{background:#c4ae80;box-shadow:0 0 8px #c4ae8080;animation:candle-pulse 2.4s ease-in-out infinite!important}html.js[data-motion=on] .reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.6,.2,1)!important}html.js[data-motion=on] .reveal.visible{opacity:1;transform:none}html[data-motion=on] .dish{animation:enter .55s ease both!important}html[data-motion=on] dialog[open]{animation:enter .4s ease both!important}html[data-motion=on] .gallery-item img{transition:transform 1.1s,filter 1.1s!important}html[data-motion=on].motion-replaying .reveal.visible{animation:enter 1.2s ease both!important}html[data-motion=off]{scroll-behavior:auto!important}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off] .hero-image{will-change:auto}@keyframes evening-pan{0%{transform:scale(1.02) translateX(-.5%)}100%{transform:scale(1.16) translateX(1.5%)}}@keyframes candle-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media(max-width:640px){.motion-control{right:12px;bottom:12px;gap:9px;padding:8px 10px}.motion-control>span:not(.motion-light){font-size:8px}.motion-control button{font-size:10px}.hero-bottom{bottom:75px}footer{padding-bottom:90px}}