/* Signature drink introduction, shared by desktop and mobile menus. */
body.signature-welcome-open { overflow: hidden; }
.signature-welcome { position: fixed; inset: 0; margin: auto; padding: 0; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 0; border-radius: 24px; color: #173b2a; background: #fffaf0; box-shadow: 0 24px 100px #0006; }
.signature-welcome::backdrop { background: rgb(5 22 13 / 76%); backdrop-filter: blur(5px); }
.signature-welcome > img { display: block; width: 100%; height: auto; max-height: 38dvh; object-fit: cover; }
.signature-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #fffaf0; color: #173b2a; font: 28px/1 sans-serif; cursor: pointer; box-shadow: 0 2px 12px #0002; }
.signature-copy { padding: 24px 28px 16px; text-align: center; }
.signature-eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #547043; }
.signature-copy h2 { margin: 0 0 12px; font-size: clamp(28px, 6vw, 36px); line-height: 1.1; }
.signature-copy #signatureIntro { margin: 0; font-size: 14px; line-height: 1.6; color: #576051; }
.signature-prices { margin: 16px 0; font-size: 18px; font-weight: 800; }
.signature-later { display: block; width: 100%; padding: 15px 8px 2px; background: transparent; border: 0; font: inherit; font-size: 13px; color: #49623d; cursor: pointer; }
.signature-welcome :focus-visible { outline: 3px solid #bb6c16; outline-offset: 3px; }
#bucket-rum-punch { scroll-margin-top: 130px; }
#bucket-rum-punch .menu-card-media img { object-fit: cover; }
@media(max-width: 480px) { .signature-copy { padding: 20px 22px 16px; } }