/* about.css — page-unique styles for عن الشركة
   (.about-grid / .about-media / .eyebrow / .dark are shared — main.css) */

/* about intro: shared about-grid on a soft tinted section */
.about-intro{background:var(--tint-gradient)}
.about-intro .about-text p{font-size:1.08rem}

/* vision (dark band; grid = shared .split, ratio via --cols) */
.vision-grid{--cols:1fr 1.15fr;gap:3.5rem}
.vision-grid .text h2{text-align:center;margin-bottom:1.4rem}
.vision-grid img,.message-grid img{border-radius:var(--radius-lg);object-fit:cover;width:100%;box-shadow:var(--shadow-dark)}
.vision-grid img{aspect-ratio:4/3}

/* message + mission (dark band, overlapping orange card) */
.message-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:2.5rem 3.5rem;align-items:start}
.message-grid .media{grid-column:2;grid-row:1/3;height:100%}
.message-grid .media img{height:100%;min-height:520px}
.message-grid .text{grid-column:1;grid-row:1;padding-top:1.5rem}
.message-grid .text h2{margin-bottom:1.4rem}
.mission-card{
  grid-column:1;grid-row:2;position:relative;z-index:2;
  background:var(--orange);border-radius:var(--radius-sm);color:#fff;
  padding:2.2rem 2.6rem;margin-inline-end:-7rem;
  box-shadow:var(--shadow-dark);
}
.mission-card h3{color:var(--orange-soft);font-size:1.7rem;font-weight:800;margin-bottom:.6rem}
.mission-card p{opacity:1}

@media(max-width:1020px){
  .message-grid{grid-template-columns:1fr}
  .message-grid .media{grid-column:1;grid-row:2}
  .message-grid .media img{min-height:0;aspect-ratio:4/3}
  .message-grid .text{grid-row:1}
  .mission-card{grid-column:1;grid-row:3;margin-inline-end:0}
}
@media(max-width:680px){
  .mission-card{padding:1.8rem 1.5rem}
}