#bar { background: linear-gradient(to bottom, transparent, rgba(42,26,14,.55), transparent); }
.bar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; }
.bar-text p { font-family: 'Playfair Display', serif; font-style: italic; line-height: 1.95; color: rgba(232,213,176,.8); font-size: 1rem; margin-bottom: 1.5rem; }
.stats-row { display: flex; gap: 3rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(200,144,42,.2); }
.stat-number { font-family: 'Rye', serif; font-size: 3rem; color: var(--gold); line-height: 1; display: block; }
.stat-label { letter-spacing: 3px; text-transform: uppercase; font-size: .62rem; color: rgba(200,144,42,.65); margin-top: .3rem; display: block; font-weight: 300; }
.bar-visual { position: relative; height: 500px; overflow: hidden; }

@media (max-width: 900px) {
  .bar-grid { grid-template-columns: 1fr; gap: 3rem; }
  .bar-visual { height: 320px; }
  .stats-row { gap: 1.8rem; }
}