/* About page */

.about-hero { width: 100%; height: 55vh; margin-top: 65px; overflow: hidden; }
.about-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.abt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; background: var(--off); padding-top: 4rem; }
.abt-body { font-size: 1rem; color: #4a4740; line-height: 1.85; font-weight: 300; margin-top: 1.5rem; }
.abt-body + .abt-body { margin-top: 1rem; }

.stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5px; background: rgba(201, 168, 76, .15); }
.stat-box { background: var(--white); padding: 2.25rem; }
.stat-n { font-family: var(--fd); font-size: 3rem; font-weight: 400; color: var(--gold); line-height: 1; display: block; margin-bottom: .4rem; }
.stat-l { font-size: .75rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }

.acards { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2rem; }
.ac { padding: 1.5rem 1.75rem; background: var(--white); border: 1px solid rgba(201, 168, 76, .15); border-left: 3px solid var(--gold); transition: transform .2s; }
.ac:hover { transform: translateX(5px); }
.ac h4 { font-family: var(--fd); font-size: 1.3rem; font-weight: 600; color: var(--ink); margin-bottom: .35rem; }
.ac p { font-size: .83rem; font-weight: 300; color: var(--muted); line-height: 1.65; }

.vs { background: var(--ink); }

[dir="rtl"] .ac { border-left: none; border-right: 3px solid var(--gold); }
[dir="rtl"] .ac:hover { transform: translateX(-5px); }

@media (max-width: 960px) {
  .about-hero { height: 40vh; }
  .abt-grid { grid-template-columns: 1fr; gap: 3rem; }
}