.reasons { background: var(--color-subtle-background); }

.section-heading {
  display: flex;
  max-width: var(--container-narrow);
  margin: 0 auto 80px;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}
.section-heading > * { margin-bottom: 0; }
.section-heading__eyebrow { color: var(--color-accent-orange); font-size: 20px; font-weight: 700; line-height: 1.3; }
.section-heading h2 { font-size: 36px; }
.section-heading > p:last-child { font-size: 16px; }

.reason-grid { display: grid; gap: 32px; }
.reason-card {
  position: relative;
  display: flex;
  min-height: 272px;
  padding: 24px;
  overflow: hidden;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: var(--radius-large);
  color: var(--color-surface);
  background-image: linear-gradient(var(--overlay-dark-40), var(--overlay-dark-40)), var(--card-image);
  background-position: center;
  background-size: cover;
  text-shadow: 0 2px 10px rgb(0 0 0 / 45%);
}
.reason-card--featured { min-height: 412px; }
.reason-card__body { position: relative; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.reason-card__body > * { margin-bottom: 0; }
.reason-card__icon { width: 48px; height: 48px; margin-bottom: 4px; object-fit: contain; }
.reason-card__eyebrow { font-size: 18px; font-weight: 700; line-height: 1.4; }
.reason-card h3 { color: inherit; font-size: 20px; line-height: 1.3; }
.reason-card--featured h3 { font-size: 32px; line-height: 1.2; }
.reason-card__body > p:last-child { font-size: 16px; }
.reason-card .button { position: relative; text-shadow: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  .reason-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reason-card--featured { grid-column: span 2; }
}
@media (min-width: 1024px) {
  .section-heading { gap: 16px; }
  .section-heading__eyebrow { font-size: 32px; }
  .section-heading h2 { font-size: 60px; }
  .section-heading > p:last-child { font-size: 20px; }

  .reason-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .reason-card { min-height: 0; }
  .reason-card--featured { grid-column: span 2; grid-row: span 2; min-height: 520px; padding: clamp(24px, 3.34vw, 48px); gap: 32px; justify-content: center; }
  .reason-card:nth-child(2), .reason-card:nth-child(3) { min-height: 244px; }
  .reason-card:nth-child(4) { grid-column: span 2; min-height: 244px; }
  .reason-card__eyebrow { font-size: clamp(20px, 1.81vw, 26px); }
  .reason-card h3 { font-size: clamp(20px, 1.81vw, 26px); line-height: 1.4; }
  .reason-card--featured h3 { font-size: clamp(34px, 3.34vw, 48px); line-height: 1.2; }
  .reason-card__body > p:last-child { font-size: clamp(16px, 1.25vw, 18px); }
}