/* ЛОКАЛЬНЫЙ СЛОЙ — почему Zimwerk. Две колонки, карточка 864x190.
   Первая карточка тоном темнее и заголовком крупнее: правило про смету
   важнее остальных трёх, и это видно до чтения. */
.zw-why__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 24px;
}
.zw-why__item {
  --bevel: var(--bevel-panel);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 190px;
  padding: 26px;
  background: var(--surface);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, 0 100%);
}
.zw-why__item:first-child { background: var(--surface-sunken); }
.zw-why__item:first-child .zw-why__title { font-size: clamp(20px, 1rem + 0.9vw, 25px); }
.zw-why__num {
  font-family: var(--font-mono);
  font-size: var(--size-caption);
  letter-spacing: var(--tracking-caption);
  text-transform: uppercase;
  color: var(--ink-muted);
}
.zw-why__title {
  font-family: var(--font-head);
  font-size: clamp(18px, 0.95rem + 0.5vw, 21px);
  font-weight: 700;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-tight);
}
.zw-why__text { max-width: 520px; font-size: var(--size-card-lead); line-height: 1.55; color: var(--ink-body); }
@media (max-width: 900px) { .zw-why__grid { grid-template-columns: 1fr; } }