.dark-text { color: var(--ink); }

.impact-strip {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  padding: 80px 6.5vw;
  background: #e8efe7;
}

.impact-strip h2 {
  max-width: 850px;
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.04;
}

.impact-strip .button { flex: none; }

.dua-grid,
.project-principles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin: 46px 0;
}

.dua-card,
.update-card,
.project-principles article {
  padding: 28px;
  background: var(--mist);
  border-top: 4px solid var(--gold);
}

.dua-card p,
.update-card p,
.project-principles p {
  color: #314a43;
  line-height: 1.7;
}

.dua-card .eyebrow,
.update-card .eyebrow { color: #785f24; }

.arabic {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.75rem;
  line-height: 1.9;
  text-align: right;
}

.transliteration { font-style: italic; }
.source-line { font-size: .92rem; }
.update-card { margin: 45px 0; }

.update-card h2,
.project-principles h2 {
  margin: 6px 0 14px;
  font-size: 2rem;
}

.project-principles h2 { margin-top: 0; }

.contact-form select {
  width: 100%;
  margin-top: 8px;
  padding: 13px;
  border: 1px solid #a9bcb3;
  border-radius: 2px;
  background: #fff;
  font: inherit;
}

.text-link {
  color: var(--deep);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.about-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin: 45px 0;
}

.about-grid article,
.domain-statement {
  padding: 30px;
  background: var(--mist);
  border-top: 4px solid var(--gold);
}

.about-grid h2,
.domain-statement h2 {
  margin: 0 0 14px;
  font-size: 2rem;
}

.about-grid p,
.domain-statement p {
  color: #314a43;
  line-height: 1.7;
}

.content-status {
  margin: 26px 0 10px;
  padding: 17px 20px;
  border-left: 4px solid var(--gold);
  background: #f7f6f1;
  color: #314a43;
  font-size: .94rem;
  line-height: 1.65;
}

@media (max-width: 800px) {
  .header { align-items: flex-start; padding-top: 18px; padding-bottom: 18px; }
  .header nav { flex: 1; flex-wrap: wrap; justify-content: flex-end; gap: 10px 14px; }
  .header nav a:not(.outline) { display: inline; }
  .brand { max-width: 145px; line-height: 1.2; }
  .impact-strip { display: block; padding: 64px 6vw; }
  .impact-strip .button { margin-top: 20px; }
  .dua-grid, .project-principles, .about-grid { grid-template-columns: 1fr; }
}