/* Booze Bouquet first on the homepage (output/booze-bouquet-2026-11-11/build_booze_bouquet.py home()), above the
   Top Loader Book tile and laid out like it: name, line, links, then the loop in a rounded frame sized so the whole
   tile fits the first screen. The stage is the Art Deco render's black wall, as on the bouquet page. */
.bbh{background:#0e0e0f;color:#f3ece0;text-align:center;border-radius:24px;margin-top:24px;padding:clamp(32px,4vw,56px) 5% clamp(28px,3vw,40px);overflow:hidden}
.bbh-kicker{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e0b45e}
.bbh h2{color:#fbf7ef;font-size:clamp(46px,6.4vw,92px);line-height:1;letter-spacing:-.015em;margin:10px 0 12px}
.bbh-tag{font-size:clamp(21px,2.3vw,30px);line-height:1.25;margin:0 0 24px;color:#f3ece0}
.bbh-tag em{font-style:italic;color:#e0b45e}
.bbh-actions{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;align-items:center}
.bbh .button:not(#gg){background:#d8b25a;color:#0e0e0f;border-color:#d8b25a}
.bbh .button:not(#gg):hover,.bbh .button:not(#gg):focus-visible{background:#f7f2e7;color:#0e0e0f;border-color:#f7f2e7}
.bbh-link{color:#e0b45e;font-size:18px;font-weight:600;text-decoration:none}
.bbh-link:hover,.bbh-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
.bbh-media{display:block;max-width:min(1000px,max(560px,calc((100svh - 510px) * 16 / 9)));margin:26px auto 0;border-radius:20px;overflow:hidden;background:#0e0e0f;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(243,236,224,.08)}
.bbh-video{display:block;width:100%;height:auto;background:#0e0e0f}
.bbh-small{margin:14px 0 0;font-size:13px;color:#a9a294}
@media(max-width:760px){.bbh{border-radius:18px;margin-top:16px}.bbh-media{max-width:none;margin:22px 0 0;border-radius:14px}.bbh-link{font-size:17px}}