/* صفحة من نحن */
main.about{display:block}
main.about .wrap{display:block; padding-top:0; padding-bottom:0}
main.about .hero-about{padding-top:40px; padding-bottom:72px}
.hero-about .intro{max-width:820px}

.paper{background:var(--paper); color:var(--text); position:relative; z-index:1}
main.about .founder{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; padding-top:80px; padding-bottom:80px}
.portrait{margin:0; position:relative}
.portrait picture{display:block; border-radius:24px; overflow:hidden; box-shadow:0 30px 70px -30px rgba(15,42,35,.55); outline:1px solid rgba(15,42,35,.08)}
.portrait img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover}
.portrait figcaption{position:absolute; inset-inline-start:20px; bottom:-22px; background:var(--ink); color:#fff; padding:12px 20px; border-radius:14px; display:flex; flex-direction:column; line-height:1.4; box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}
.portrait figcaption strong{font-family:var(--f-head); font-weight:var(--head-w); font-size:20px}
.portrait figcaption span{font-size:13px; color:var(--gold); font-weight:600}

.story .eyebrow{font-size:14px; font-weight:700; color:#8A5A12; letter-spacing:.02em}
.story h2{margin:6px 0 24px; font-family:var(--f-head); font-weight:var(--head-w); font-size:clamp(28px,3.4vw,40px); line-height:var(--head-lh); color:var(--ink)}
.story p{margin:0 0 18px; font-size:18px; line-height:2; color:#2E3A35}
[dir=ltr] .story p{line-height:1.8}
body.l-ur .story p{line-height:2.4}
.story p:first-of-type::first-letter{color:#0E5A47}

main.about .values{padding-top:80px; padding-bottom:40px}
.values h2,.cta h2{margin:0 0 28px; font-family:var(--f-head); font-weight:var(--head-w); line-height:var(--head-lh); font-size:clamp(28px,3.4vw,38px)}
.vgrid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.vgrid li{display:flex; gap:16px; align-items:flex-start; padding:24px; background:rgba(28,61,52,.55); border:1px solid rgba(62,92,83,.6); border-radius:18px}
.vgrid svg{flex-shrink:0; margin-top:4px}
.vgrid b{display:block; font-size:18px; margin-bottom:4px}
.vgrid span{color:var(--mist); font-size:15px}

.notice{display:flex; gap:14px; align-items:flex-start; margin:40px 0; padding:20px 24px; background:#F3E7CF; color:#5C3E0E; border-radius:16px; font-size:15px; line-height:1.9}
.notice svg{flex-shrink:0; margin-top:4px}
.notice p{margin:0}

main.about .cta{padding-bottom:80px; text-align:center}
.cta p{margin:0 auto; max-width:620px; color:var(--mist); font-size:17px}
.cta-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:24px}
.cta-row .btn{margin-top:0; padding:0 26px}
.btn.ghost{background:transparent; border:1px solid var(--line); color:#fff; font-weight:600}
.btn.ghost:hover{background:var(--ink-2)}

@media (max-width:860px){
  main.about .founder{grid-template-columns:1fr; gap:56px; padding-top:56px; padding-bottom:64px}
  .portrait{max-width:420px}
  .vgrid{grid-template-columns:1fr}
  .story p{font-size:17px}
}