/* R5 — one square paper object holds both its photograph and its label. No metal fasteners. */
:root{--label:var(--ticket);--drawer-height:174px}
.object-nav{gap:14px;justify-content:space-evenly}
.object-link{position:relative;isolation:isolate;width:128px;height:136px;min-width:0;flex:0 0 128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:15px 18px 17px;border:0;border-radius:0;background:transparent var(--menu-card) center/100% 100% no-repeat;filter:drop-shadow(2px 4px 2px #50321b20);transform:rotate(-1deg);line-height:1.25;transition:transform .16s}
.object-link:nth-child(1){--menu-card:url('assets/images/menu-paper-0.webp')}.object-link:nth-child(2){--menu-card:url('assets/images/menu-paper-1.webp');transform:rotate(.6deg)}.object-link:nth-child(3){--menu-card:url('assets/images/menu-paper-2.webp');transform:rotate(-.5deg)}.object-link:nth-child(4){--menu-card:url('assets/images/menu-paper-3.webp');transform:rotate(.8deg)}.object-link:nth-child(5){--menu-card:url('assets/images/menu-paper-4.webp');transform:rotate(-.6deg)}.object-link:nth-child(6){--menu-card:url('assets/images/menu-paper-5.webp');transform:rotate(.5deg)}
.object-link .object-photo{display:block;width:72px;height:72px;min-height:0;margin:0;object-fit:contain;flex-shrink:0;filter:drop-shadow(1px 3px 2px #50321b33);transition:none}
.object-link .object-label,.compact .object-link .object-label{width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;box-shadow:none;filter:none;transform:none!important;white-space:normal;text-align:center;font:500 14px/1.2 DM,sans-serif;color:#38291d;overflow-wrap:normal;hyphens:none}
.object-label b{display:none}.object-link[aria-current=page] .object-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.object-link:hover,.object-link:focus-visible{transform:translateY(-2px) rotate(0)}.object-link:hover .object-photo{transform:none}
.drawer{height:174px;padding:4px 16px 6px}.compact .drawer{height:112px;padding:2px 16px 4px}.compact .object-link{width:104px;height:86px;flex-basis:104px;padding:8px 14px 10px;gap:0}.compact .object-link .object-photo{width:38px;height:38px}.compact .object-link .object-label{font-size:13px;min-height:30px;line-height:1.15}
.pickup-envelope{position:relative;max-width:280px;min-width:220px;margin-left:auto;border:14px solid transparent;border-image:url('assets/images/real-form.webp') 48;background:var(--paper) center/512px;background-clip:padding-box;padding:21px 24px;transform:rotate(1deg);filter:drop-shadow(3px 7px 4px #50321b2b);color:var(--ink);font-size:14px;line-height:1.6}.pickup-envelope a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;text-align:center;text-underline-offset:4px}
@media(max-width:879px){
 .menu-toggle,.js .menu-toggle{background-image:var(--ticket)}
 .js .drawer,.compact .drawer{height:auto;padding:12px 12px 18px;max-height:calc(100dvh - 144px)}
 .drawer-caption{margin:0 0 12px;padding:7px 12px;border-width:8px}.drawer-caption .eyebrow{font-size:12px;margin-bottom:6px}.drawer-caption h2{font-size:24px;line-height:1.1}
 .drawer .object-nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:10px 8px;max-width:430px;margin-inline:auto}
 .drawer .object-link,.compact .drawer .object-link{width:100%;max-width:144px;height:126px;min-height:126px;flex-basis:auto;padding:13px 17px 14px;gap:1px}
 .drawer .object-link .object-photo,.compact .drawer .object-link .object-photo{width:64px;height:64px}
 .drawer .object-link .object-label,.compact .drawer .object-link .object-label{font-size:14px;min-height:34px;line-height:1.2;padding:0}
 .drawer .drawer-close{margin-top:12px;min-height:44px}
 .pickup-envelope{margin:25px auto 6px;min-width:0;width:min(270px,100%);padding:19px 21px;border-width:12px;font-size:14px}
}
@media(min-width:600px) and (max-width:879px){.drawer .object-nav{grid-template-columns:repeat(3,minmax(0,1fr));max-width:570px;gap:16px 18px}.drawer .object-link,.compact .drawer .object-link{max-width:158px;height:154px;min-height:154px;padding:18px 22px}.drawer .object-link .object-photo,.compact .drawer .object-link .object-photo{width:88px;height:88px}}
@media(max-width:879px) and (max-height:500px){
 .js .drawer,.compact .drawer{padding:8px 10px 10px;height:auto;max-height:calc(100dvh - 134px)}.drawer-caption{display:none}
 .drawer .object-nav{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;gap:8px}
 .drawer .object-link,.compact .drawer .object-link{width:100%;max-width:126px;height:128px;min-height:128px;flex-direction:column;padding:13px 14px;gap:2px}
 .drawer .object-link .object-photo,.compact .drawer .object-link .object-photo{width:62px;height:62px}
 .drawer .object-link .object-label,.compact .drawer .object-link .object-label{min-height:34px;font-size:14px}
 .drawer .drawer-close{margin-top:8px}
}
html:not(.js) .drawer .object-link{min-height:126px}
@media(prefers-reduced-motion:reduce){.object-link:hover,.object-link:focus-visible{transform:none}}
@media(max-width:879px){html:not(.js) .drawer{height:auto}}
/* The cake box stays on the workbench at the newly checked laptop width. */
@media(min-width:880px) and (max-width:1190px){.cake-box{right:-20px}}