/* ABOUT.CSS - Kenith */
.about-hero { padding: 180px 0 100px; text-align: center; border-bottom: 1px solid var(--border-color); background: var(--bg-soft); }
.about-hero p { max-width: 700px; margin: 20px auto 0; font-size: 1.15rem; color: var(--text-secondary); }

.editorial-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-bottom: 100px; }
.editorial-layout:nth-child(even) { direction: rtl; }
.editorial-layout:nth-child(even) > * { direction: ltr; }

.editorial-text h2 { margin-bottom: 25px; }
.editorial-text p { font-size: 1.05rem; line-height: 1.8; margin-bottom: 20px; }
.editorial-image img { width: 100%; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }

.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }
.value-card { background: #fff; padding: 50px 40px; border-top: 3px solid var(--accent); text-align: center; }
.value-icon { font-family: var(--font-heading); font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; font-style: italic; }

.leadership-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }
.leader-card { text-align: center; }
.leader-img { width: 100%; aspect-ratio: 3/4; overflow: hidden; margin-bottom: 20px; }
.leader-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%); transition: var(--transition-smooth); }
.leader-card:hover .leader-img img { filter: grayscale(0%); transform: scale(1.05); }
.leader-card h4 { font-size: 1.3rem; margin-bottom: 5px; }
.leader-role { font-size: 0.9rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 1024px) {
  .editorial-layout, .values-grid, .leadership-grid { grid-template-columns: 1fr; gap: 40px; }
  .editorial-layout:nth-child(even) { direction: ltr; }
}