/* Persian type refinement for the approved visual direction */
.hero h1 {
  max-width: 600px;
  font-family: Vazirmatn, Arial, sans-serif;
  font-size: clamp(42px, 5.2vw, 76px);
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -2px;
}

.hero h1 em {
  font-style: normal;
}

.section-heading h2,
.story-section h2,
.roast-guide h2,
.wholesale h2,
.choice-card h3,
.journal-card h3 {
  font-family: Vazirmatn, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
}

@media (max-width: 575.98px) {
  .hero h1 {
    font-size: 42px;
    line-height: 1.38;
    letter-spacing: -1px;
  }
}