.band { background: var(--yellow); padding: 32px 0 24px; }
.band-grid { display: grid; gap: 16px; align-items: center; }
.band h1 { margin: 0 0 12px; font-size: clamp(2.1rem, 7vw, 3.6rem); line-height: 1.06; letter-spacing: -.045em; font-weight: 800; }
.band h1 span { background: #111; color: var(--yellow); padding: 0 .12em; border-radius: 8px; }
.band .lede { color: #3d3208; margin: 0 0 16px; }
.band img { width: min(340px, 80%); margin: 0 auto; }
.cta-row { display: flex; gap: 10px; flex-wrap: wrap; }
.band .btn { background: #111; color: var(--yellow); }
.lower { padding: 28px 0 56px; }
.lower .quote-box { max-width: 640px; margin-bottom: 28px; }
.proof { background: var(--gray); border-radius: 24px; padding: 20px; overflow: hidden; }
.proof img { width: 100%; height: 220px; object-fit: cover; border-radius: 16px; margin-bottom: 14px; }
.proof h2 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.2rem); letter-spacing: -.03em; }
@media (min-width: 900px) {
  .band { padding: 48px 0 32px; }
  .band-grid { grid-template-columns: 1.1fr .9fr; }
  .band img { width: 100%; }
  .proof { display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px; padding: 28px; align-items: center; }
  .proof img { margin: 0; height: 280px; }
}