/* Motion is progressive enhancement; all content is readable without it. */
.navigation{transition:box-shadow .35s,background .35s}.navigation.scrolled{background:#fffdf5f5;box-shadow:0 5px 22px #303b320a;backdrop-filter:blur(12px)}.navigation:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ba663c;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}.navigation nav a{position:relative}.navigation nav a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;border-radius:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.navigation nav a.current:after,.navigation nav a:hover:after{transform:scaleX(1)}
.hero-copy>.eyebrow{animation:arrive .6s .04s both}.hero-copy h1{animation:arrive .8s .12s both}.hero-copy .intro{animation:arrive .7s .24s both}.hero-copy .actions{animation:arrive .7s .34s both}.food-art{animation:art-arrive 1s .18s both;translate:0 var(--drift,0px)}.hello-card{animation:card-arrive .9s .4s backwards}.hero-postit{animation:note-arrive .9s .5s both}.hero h1 em:after{transform-origin:left;animation:underline-in .8s .55s both}.drawn-sun{animation:sun-hello 1.1s .6s both}.js-motion .reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.button{transition:transform .22s,box-shadow .22s,background .22s}.button span,.text-link span,.round-arrow{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #16251c}.button:focus-visible span{transform:translateX(3px)}.text-link{transition:color .2s,border-color .2s}.support{transition:opacity .75s,transform .75s,box-shadow .3s!important}.support .number{transition:rotate .35s,background .35s}.recipe{transition:opacity .75s,transform .75s,box-shadow .3s!important}.recipe-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.resource-banner{transition:opacity .75s,transform .75s,background .3s!important}.resource-banner .sun{transition:rotate .6s}.gallery-controls button{min-width:44px;min-height:44px;transition:background .2s,color .2s,transform .2s}.gallery-controls button:active{transform:scale(.92)}.cabinet-gallery{padding-bottom:76px}.faq-list summary{min-height:44px;align-items:center}.faq-list summary>span{transition:transform .25s;font-size:22px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] p{animation:answer-in .3s ease both}.back-top{width:44px;height:44px;transition:transform .25s,background .25s}.dialog-close{min-width:44px;min-height:44px}dialog[open]{animation:dialog-in .25s cubic-bezier(.2,.7,.2,1)}dialog[open]::backdrop{animation:backdrop-in .25s ease}.contact-links a{padding:10px 0}.hello-card a{min-height:30px;align-items:center}
@media(hover:hover) and (pointer:fine){.button:hover span,.text-link:hover span{transform:translateX(4px)}.support.visible:hover{transform:translateY(-5px);box-shadow:0 10px 0 #cbd5bf}.support:nth-child(2).visible:hover{box-shadow:0 10px 0 #d9c5b5}.support:nth-child(3).visible:hover{box-shadow:0 10px 0 #d7cc9a}.support:hover .number{rotate:12deg;background:#fff7d9}.js-motion .recipe.visible:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 11px 0 #e2d4bd}.recipe:hover .round-arrow{transform:translateX(3px)}.resource-banner:hover .sun{rotate:65deg}.resource-banner:hover{background:#f1d260}.back-top:hover{transform:translateY(-4px);background:#f8edb7}.hello-card:hover{transform:rotate(-2deg) translateY(-5px)}.hello-card:hover img{filter:saturate(1.05)}}
@media(max-width:760px){.navigation nav,.navigation nav.open{display:flex;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,transform .28s cubic-bezier(.2,.7,.2,1),visibility .28s;pointer-events:none;border-bottom:1px solid #eae8d9;border-radius:0 0 20px 20px}.navigation nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.navigation nav a{opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .25s;min-height:46px}.navigation nav.open a{opacity:1;transform:none;transition-delay:calc(var(--menu-index,0)*35ms)}.navigation nav a:nth-child(2){--menu-index:1}.navigation nav a:nth-child(3){--menu-index:2}.navigation nav a:nth-child(4){--menu-index:3}.navigation nav a:after{right:auto;width:28px;bottom:6px}.menu-toggle{min-height:44px;min-width:62px}.menu-toggle span{font-size:0;position:relative;width:20px;height:16px}.menu-toggle span:before,.menu-toggle span:after{content:'';position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .25s,top .25s}.menu-toggle span:before{top:4px}.menu-toggle span:after{top:11px}.menu-toggle[aria-expanded=true] span:before{top:7px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:after{top:7px;transform:rotate(-45deg)}.js-motion .reveal{transition-duration:.55s;transition-delay:0ms}.hero-copy h1{animation-duration:.65s}.food-art{animation-duration:.8s;translate:none}.button:hover{transform:none;box-shadow:0 3px 0 #16251c}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #16251c}.hello-card a{min-height:36px}.cabinet-gallery{padding-bottom:72px}.text-link{min-height:40px}.back-top:active{transform:scale(.95)}}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes art-arrive{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes card-arrive{from{opacity:0;transform:translate(-12px,18px) rotate(-11deg)}to{opacity:1;transform:rotate(-6deg)}}@keyframes note-arrive{from{opacity:0;transform:translate(10px,12px) rotate(9deg)}to{opacity:1;transform:rotate(5deg)}}@keyframes underline-in{from{opacity:0;scale:0 1}to{opacity:1;scale:1 1}}@keyframes sun-hello{from{opacity:0;rotate:-45deg;scale:.8}to{opacity:1;rotate:0deg;scale:1}}@keyframes answer-in{from{opacity:0;translate:0 -3px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}.food-art{translate:none}.navigation:after{display:none}}
/* Once revealed, booking buttons use the same hover/press response everywhere. */
.js-motion .button.reveal.visible{transition:transform .22s,box-shadow .22s,background .22s;transition-delay:0ms}
@media(hover:hover) and (pointer:fine) and (min-width:761px){.js-motion .button.reveal.visible:hover{transform:translateY(-3px);box-shadow:0 6px 0 #16251c;background:#44553f}}
.js-motion .button.reveal.visible:active{transform:translateY(2px);box-shadow:0 1px 0 #16251c}
@media(prefers-reduced-motion:reduce){.js-motion .button.reveal.visible{transition:none!important}}
