.intro { padding: 32px 0 20px; }
.intro h1 { margin: 0 0 12px; font-size: clamp(2rem, 7vw, 3.6rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 800; }
.lede { margin: 0 0 20px; }
.stores { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.stores span { background: var(--gray); border-radius: 999px; padding: 8px 14px; font-weight: 800; font-size: .9rem; }
.intro .quote-box { max-width: 640px; }
.pics { display: grid; gap: 12px; padding: 0 0 56px; }
.pics img { width: 100%; height: 220px; object-fit: cover; border-radius: 20px; }
@media (min-width: 800px) {
  .pics { grid-template-columns: 1fr 1fr; }
  .pics img { height: 280px; }
}