/* Six choices in normal page flow; shared artwork and popup styling stay intact. */
#cocktails{display:block;padding:32px 5%;}
#cocktails .cocktail-intro{display:block;max-width:100%;margin:0 0 22px;padding:0}
#cocktails .cocktail-intro h2{font-size:clamp(32px,4vw,44px);margin:0 0 8px}
#cocktails .cocktail-intro h2 em{display:inline}
#cocktails .cocktail-intro p{margin:0 0 12px}
#cocktails .mocktail-link{display:inline-flex;width:auto;min-height:48px;margin:0;padding:10px 18px}
#cocktails .cocktail-browse{min-width:0}
#cocktails .spotlight-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:4px;overflow:visible;scroll-snap-type:none;cursor:default;touch-action:auto;max-width:100%;margin:0}
#cocktails .spotlight-drink{display:grid;width:100%;min-width:0;max-width:none;grid-template-rows:180px minmax(58px,auto) 22px;gap:8px;padding:10px 10px 16px;border-radius:28px;cursor:pointer;transform:none;box-shadow:0 0 7px #ff6bac44;border:1px solid #f080af}
#cocktails .spotlight-drink .drink-art{width:100%;height:180px}
#cocktails .spotlight-drink h3{font-size:25px;line-height:1.15;margin:0;min-height:0;text-wrap:balance}
#cocktails .spotlight-drink .tap-note{font-size:14px;line-height:22px}
#cocktails .spotlight-drink:focus-visible{outline:3px solid #fff1f8;outline-offset:4px}
#cocktails .spotlight-drink:hover{transform:none;box-shadow:0 0 12px #ff6bac66}
@media(max-width:600px){
 #cocktails{padding:26px 14px}
 #cocktails .cocktail-intro{margin-bottom:16px}
 #cocktails .spotlight-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:3px}
 #cocktails .spotlight-drink{border-radius:22px;padding:8px 5px 12px;grid-template-rows:140px minmax(66px,auto) 20px;gap:6px}
 #cocktails .spotlight-drink .drink-art{height:140px}
 #cocktails .spotlight-drink h3{font-size:20px;line-height:1.1;letter-spacing:-.02em}
 #cocktails .spotlight-drink .tap-note{font-size:13px;line-height:20px}
}
@media(max-width:350px){#cocktails .spotlight-drink .drink-art{height:120px}#cocktails .spotlight-drink{grid-template-rows:120px minmax(76px,auto) 20px}#cocktails .spotlight-drink h3{font-size:19px}}
#cocktails .cocktail-intro .mocktail-link{max-width:none;width:max-content;max-inline-size:100%;white-space:normal}
/* Poster-inspired lettering, scoped to this heading only. */
@font-face{font-family:Sips Script;src:url('assets/allura-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sips Condensed;src:url('assets/oswald-variable.ttf') format('truetype');font-weight:200 700;font-display:swap}
#cocktails .cocktail-intro #cocktails-title{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 18px;padding:5px 10px 0;line-height:1;max-width:100%;color:#fff1e5}
#cocktails-title .menu-signature{font-family:Sips Script,'Brush Script MT',cursive;font-size:clamp(58px,7vw,86px);font-weight:400;line-height:.9;position:relative;z-index:1;color:#ffe4ed}
#cocktails-title .menu-sips{font-family:Sips Condensed,'Arial Narrow',sans-serif;font-size:clamp(42px,5vw,58px);font-weight:700;letter-spacing:.13em;line-height:1.05;margin-top:-5px;padding-left:.13em;color:#fff1e5}
#cocktails-title .menu-signature{color:#ffb6dc;text-shadow:0 0 2px #fff0f8,0 0 7px #ff67b4,0 0 17px #ff238c,0 0 28px #ff238c80}
/* Match splash bounds to the responsive drink artwork rather than the old carousel. */
#cocktails .spotlight-drink .sip-effects{top:10px;bottom:auto;height:180px;width:calc(100% - 20px);max-width:210px;z-index:0}
#cocktails .spotlight-drink .drink-art{position:relative;z-index:1}
#cocktails .spotlight-drink h3,#cocktails .spotlight-drink .tap-note{position:relative;z-index:2}
@media(max-width:600px){#cocktails .spotlight-drink .sip-effects{top:8px;height:140px;max-width:164px}}
@media(max-width:350px){#cocktails .spotlight-drink .sip-effects{height:120px;max-width:140px}}
/* Each cocktail detail inherits its own menu palette; other dialogs stay unchanged. */
#menu-dialog:has(.single-drink){--detail-top:#f6a3c5;--detail-middle:#fbd4e5;background:linear-gradient(145deg,var(--detail-top) 0%,var(--detail-middle) 38%,#fff5f8 78%);background-attachment:local}
#menu-dialog:has(.single-drink .garnish-cut-1){--detail-top:#ffc76b;--detail-middle:#ffe5ba}
#menu-dialog:has(.single-drink .garnish-cut-2){--detail-top:#ffa99b;--detail-middle:#ffdbd1}
#menu-dialog:has(.single-drink .garnish-cut-3){--detail-top:#c8dd7e;--detail-middle:#eaf0c7}
#menu-dialog:has(.single-drink .garnish-cut-4){--detail-top:#ffbe80;--detail-middle:#ffe0bc}
#menu-dialog:has(.single-drink .garnish-cut-5){--detail-top:#ffe780;--detail-middle:#fff1c2}
#menu-dialog:has(.single-drink) .dialog-kicker{color:#76213f}
/* Rose fades into blush beneath the inquiry text; fields retain their solid surfaces. */
#quote .inquiry-content{background:linear-gradient(145deg,#f4a7ca 0%,#f9d0e2 35%,#fff2f7 78%);align-self:stretch}
#quote .quote-panel{background:transparent}
#social-title .social-fairy-light{filter:drop-shadow(0 0 3px #ff46a4) drop-shadow(0 0 5px #ffffffaa)}
/* Original logo replaces the inquiry photograph without altering form structure. */
#quote .inquiry-brand{display:flex;align-items:center;justify-content:center;min-width:0;min-height:250px;padding:30px;background:radial-gradient(ellipse at 50% 48%,#f856a2 0%,#ce246d 48%,#850c40 100%);align-self:stretch}
#quote .inquiry-brand img{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 9px #71072c30)}
@media(max-width:600px){#quote .inquiry-brand{min-height:0;height:180px;padding:22px 32px}#quote .inquiry-brand img{max-width:300px;max-height:136px}}

/* Footer branding is carried by the inquiry panel above. */
footer.dark>div:not(.footer-launch){grid-column:1/-1;text-align:center}

#quote .approved-contact{display:flex;flex-wrap:wrap;gap:0 18px;margin:10px 0}#quote .approved-contact a{display:inline-flex;align-items:center;min-height:44px;color:#8b1645;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;font-size:14px}#quote .approved-contact a:focus-visible{outline:2px solid #a3134b;outline-offset:3px;border-radius:3px}

.quote-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#quote-form[aria-busy="true"]{cursor:progress}#quote-status:empty{display:none}