.benefits-section { padding: 50px 0 60px; background: #000; color: #fff; }
.benefits-wrap { width: min(1200px, calc(100% - 40px)); }
.benefits-section h2 {
  margin: 0 0 40px;
  font: 400 55px/1.3 'BOWLER', Arial, sans-serif;
  letter-spacing: 2px;
}
.benefits-section h2 em, .benefits-grid h3 { color: #dc281e; }
.benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.benefits-grid article { min-width: 0; }
.benefits-grid h3 {
  margin: 24px 0 20px;
  font: 400 20px/1.3 'BOWLER', Arial, sans-serif;
  letter-spacing: 0;
}
.benefits-grid p { margin: 0; font: 400 16px/1.5 'Montserrat', Arial, sans-serif; }
@media (max-width: 1240px) {
  .benefits-section h2 { font-size: clamp(30px, 4.4vw, 55px); }
  .benefits-grid h3 { font-size: 18px; }
}
@media (max-width: 1024px) {
  .benefits-section { padding: 60px 0 70px; }
  .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
  .benefits-grid h3 { margin-top: 28px; }
}
@media (max-width: 600px) {
  .benefits-section { padding: 40px 0 48px; }
  .benefits-wrap { width: calc(100% - 40px); }
  .benefits-section h2 { font-size: clamp(26px, 9.6vw, 36px); margin-bottom: 40px; letter-spacing: 1.5px; }
  .benefits-grid { grid-template-columns: 1fr; gap: 32px; }
  .benefits-grid h3 { margin: 40px 0 24px; font-size: clamp(18px, 6vw, 23px); }
  .benefits-grid p { font-size: 18px; }
}