/*
  PER-CLIENT OVERRIDES — Bean & Gone. Decoration only: painted-sign feel.
  Bigger display sizes suit the condensed face; a red rule under section headings;
  hazard-stripe band under the title bands; a stamped "since 2019" mark in the hero.
*/
h1 { font-size: clamp(3rem, 11vw, 6rem); line-height: 0.95; }
h2 { font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 1; }
.section h2::after { content: ""; display: block; width: 3.5rem; height: 4px; background: var(--color-accent); margin-top: 0.5rem; }
.page-hero { position: relative; }
.page-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: repeating-linear-gradient(135deg, var(--color-accent) 0 12px, transparent 12px 24px); }
.hero-content .eyebrow { border: 2px solid rgba(255,255,255,0.7); padding: 0.25rem 0.6rem; border-radius: 2px; font-weight: 700; }
.brand-name { font-size: 1.7rem; letter-spacing: 0.08em; }
.nav-list a { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.9rem; }
.btn { text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; }
.menu-section h3 { font-size: 2rem; border-bottom-width: 3px; border-bottom-color: var(--color-accent); }
.menu-item-name { text-transform: uppercase; letter-spacing: 0.02em; font-size: 0.95rem; }
.site-footer h2 { font-size: 2rem; }