/* The hinge opens first; the menu then takes the place of the paper preview. */
:root{--book-duration:900ms}
.book-stage{perspective:1800px}
.book{transition:transform var(--book-duration) var(--ease-in-out);box-shadow:20px 30px 40px -18px #45211275}
.book-cover{transition:transform var(--book-duration) var(--ease-in-out);transform:rotateY(0deg) translateZ(2px)}
.book-is-open{transform:translateX(28%) rotate(0) rotateY(0) scale(1.04)}
.book-is-open .book-cover{transform:rotateY(-150deg) translateZ(2px)}
.book-pages{padding:22px 24px;border-radius:3px 9px 9px 3px;box-shadow:inset 10px 0 18px -12px #34261e90;display:flex;flex-direction:column;justify-content:center;gap:14px;transform:translateZ(-1px)}
.book-pages:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#34261e18,transparent 16%);opacity:1;transition:opacity var(--book-duration) var(--ease-in-out)}
.book-is-open .book-pages:after{opacity:.35}
.preview-title{font:20px 'Playfair Display SC',Georgia,serif;color:var(--wine);margin:0;padding-bottom:12px;border-bottom:1px solid #d6c4a9}
.preview-feature{display:flex;flex-direction:column;min-height:0;flex:1}
.preview-feature>img{display:block;width:100%;height:0;min-height:0;flex:1;object-fit:contain;border-radius:6px}
.preview-feature>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:10px;text-align:left}
.book-pages .preview-feature p{font:700 13px/1.3 Karla,Arial,sans-serif;margin:0}
.preview-feature strong{font:700 12px Karla,Arial,sans-serif;white-space:nowrap;color:var(--wine)}
.preview-small{display:flex;align-items:center;gap:12px;border-top:1px solid #d6c4a9;padding-top:12px;text-align:left}
.book-pages .preview-small img{width:52px;height:52px;object-fit:contain;border-radius:5px}
.book-pages .preview-small p{font:700 13px/1.4 Karla,Arial,sans-serif;margin:0 0 4px}
.preview-small span{font:12px Karla,Arial,sans-serif;color:var(--wine)}
.preview-signature{font:italic 14px Georgia,serif;color:var(--wine);margin-top:auto}
.cover-back{gap:18px;background:#fff9ef;box-shadow:inset -14px 0 20px -16px #34261e90}
.cover-back>img{width:90px;height:90px;object-fit:contain;mix-blend-mode:multiply;border-radius:50%}
.cover-back>span{font:30px/1.2 'Playfair Display SC',Georgia,serif}
.entry-is-opening{animation:none}
.entry-is-opening .entry-copy{transform:translateX(-12px);opacity:.25;transition:opacity 250ms var(--ease-out),transform 250ms var(--ease-out)}
.entry-is-opening .book-hint{opacity:0}
.menu-is-open #menu-content{animation:none}
.menu-is-revealing .menu-entry{position:fixed;inset:88px 0 0;z-index:10;min-height:0;pointer-events:none}
.has-menu-js.menu-is-closed.menu-is-revealing #menu-content{display:block}
.menu-is-revealing .entry-layout{flex:1}
#dish-detail{overflow-x:hidden}
#detail-image{background:#eadfcc}
.detail-copy small{display:block;line-height:1.6}
@media(max-width:620px){
 .book-pages{padding:16px 18px;gap:10px}.preview-title{font-size:16px;padding-bottom:8px}
 .book-pages .preview-feature p{font-size:11px}.preview-feature strong{font-size:10px}
 .preview-feature>div{padding-top:8px}.book-pages .preview-small img{width:38px;height:38px}
 .preview-small{padding-top:9px;gap:10px}.book-pages .preview-small p,.preview-small span{font-size:10px}
 .preview-signature{font-size:12px}.cover-back>img{width:64px;height:64px}.cover-back>span{font-size:23px}
 .book-is-open{transform:translateX(30%) rotate(0) rotateY(0) scale(.85)}
 .book-is-open .book-cover{transform:rotateY(-142deg) translateZ(2px)}
 .menu-is-revealing .menu-entry{inset:76px 0 0}
}
@media(prefers-reduced-motion:reduce){.book,.book-cover,.book-pages:after{transition:none}.book-is-open{transform:none}.entry-is-opening .entry-copy{opacity:1;transform:none}}