/* ======= صفحات: عن المنصة, المدونة, تواصل ======= */
.about-hero {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .63) 0%, rgba(255, 255, 255, .66) 55%, rgba(243, 246, 251, .8) 100%),
    url("../../img/canva_edu.png") center / cover no-repeat;
  border-bottom: 1px solid var(--line);
}

.about-logo { width: 150px; height: auto; margin: 0 auto 20px; display: block; filter: drop-shadow(0 8px 24px rgba(10, 30, 66, .18)); }
@media (max-width: 560px) { .about-logo { width: 118px; } }
.brand-identity { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-4); }
@media (max-width: 1020px) { .brand-identity { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .brand-identity { grid-template-columns: 1fr; } }

.identity-card { text-align: center; padding: var(--sp-5); border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); }
.identity-card__ico { width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 15px; display: grid; place-items: center; background: var(--purple-50); color: var(--purple-600); }
.identity-card__ico svg { width: 27px; height: 27px; }
.identity-card h4 { font-size: var(--fs-md); margin-bottom: 2px; }
.identity-card .role { font-size: var(--fs-xs); color: var(--ink-400); font-weight: 700; }

.about-story p { font-size: var(--fs-lg); color: var(--ink-600); }

.split-card { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-5); align-items: center; }
@media (max-width: 760px) { .split-card { grid-template-columns: 1fr; } }

.contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
@media (max-width: 760px) { .contact-cards { grid-template-columns: 1fr; } }