.region {
  .wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 56px; align-items: center; }
  .wrap > div { display: grid; gap: 18px; }
  .__area { background: #fff; border-top: 5px solid var(--magenta); border-radius: var(--r); padding: 28px; }
  .__area p:last-child { color: var(--muted); }
  strong { color: var(--blue-deep); font: 700 44px/1 var(--f-display); }
  @media (max-width: 860px) { .wrap { grid-template-columns: 1fr; gap: 28px; } }
}