Beer Bash 2025
:root{ --brand:#1f7aa6; /* Giesenbrau-ish blue */ --accent:#f7aa00; /* beer foam gold */ --ink:#0e1a22; --bg:#f7f7f9; } .bb-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);} .bb-hero{ position:relative;overflow:hidden;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12); background:#0a0f14 url('https://hooahinc.org/wp-content/uploads/2025/08/beerbash_hero_1600x900a.jpg') center/cover no-repeat;min-height:48vh; display:grid;place-items:end start;padding:2.5rem; } .bb-badge{display:inline-block;background:rgba(31,122,166,.92);color:#fff;padding:.5rem .9rem;border-radius:999px;font-weight:700;letter-spacing:.06em} .bb-title{margin:.6rem 0 0;font-size:clamp(2rem,6vw,4rem);line-height:1.05;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.45)} .bb-meta{margin:.5rem 0 0;font-size:clamp(1rem,2.8vw,1.25rem);color:#eaf6ff} .bb-grid { display: grid; gap: 1.25rem; margin: 1.75rem 0;} /* On desktop, use a comfortable […]
