/* What Makes Us Different — page-specific layout */

.wmd-hero-lead { margin: 22px 0 30px; max-width: 460px; }
.wmd-h2 { font-size: 38px; margin-bottom: 18px; }
.wmd-p { margin-bottom: 28px; }

/* on our toes */
.wmd-toes-title { font-size: 42px; text-align: center; margin-bottom: 52px; }
.wmd-toes { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 40px; align-items: center; }
.wmd-toes-col { display: flex; flex-direction: column; gap: 32px; }
.wmd-toes-col--r { text-align: right; }
.wmd-toes-item i { font-size: 22px; color: var(--tt-clay); }
.wmd-toes-item h3 { font-family: var(--tt-serif); font-weight: 600; font-size: 24px; color: var(--tt-espresso); margin: 8px 0; }
.wmd-toes-item p { font-size: 14px; line-height: 1.65; color: var(--tt-body); }

/* aims & objectives */
.wmd-aims-head { margin-bottom: 50px; }
.wmd-aims-title { font-size: 42px; }
.wmd-aims { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.wmd-aim { padding: 28px 24px; }
.wmd-aim i { font-size: 22px; color: var(--tt-clay); }
.wmd-aim p { font-size: 14.5px; line-height: 1.6; color: var(--tt-cocoa); margin-top: 14px; font-weight: 600; }

.wmd-reviews-h3 { font-size: 40px; margin-bottom: 10px; }

.tt-reviews-box {
  width: min(100%, 1120px);
  max-width: 1120px;
  min-height: 220px;
  padding: 12px 0 0;
  border: 0;
  border-radius: 0;
  margin: 0 auto;
  background: transparent;
}

@media (max-width: 980px) {
  .wmd-toes { grid-template-columns: 1fr !important; gap: 28px !important; }
  .wmd-toes-col,
  .wmd-toes-col--r,
  .wmd-toes-item { text-align: center; }
  .wmd-aims { grid-template-columns: repeat(2, 1fr) !important; }
  .wmd-aim { text-align: center; }
}
@media (max-width: 620px) {
  .wmd-aims { grid-template-columns: 1fr !important; }
}