/* ============================== ABOUT ============================== */

.about-hero{ position:relative; min-height:64vh; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; border-radius: 0 0 var(--radius-xl) var(--radius-xl); }
.about-hero-bg{ position:absolute; inset:0; z-index:0; }
.about-hero-bg img{ width:100%; height:100%; object-fit:cover; }
.about-hero-bg::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(43,33,24,.55), rgba(43,33,24,.78)); }
.about-hero-inner{ position:relative; z-index:1; color:#fff; padding: 4rem var(--gutter); max-width:760px; }
.about-hero-inner h1{ font-size: clamp(2.4rem,5.5vw,4rem); margin-top:1rem; }
.about-hero-inner p{ margin-top:1.2rem; font-size:1.08rem; opacity:.92; max-width:56ch; margin-inline:auto; }
.about-hero-stats{ display:flex; justify-content:center; gap:2.5rem; margin-top:2.4rem; flex-wrap:wrap; }
.about-hero-stats div{ text-align:center; }
.about-hero-stats b{ display:block; font-family:var(--f-display); font-size:1.7rem; }
.about-hero-stats span{ font-size:.76rem; opacity:.8; }

.mission-quote{ max-width:780px; margin:0 auto; text-align:center; padding: 4rem 0 2rem; }
.mission-quote .qmark{ font-size:4rem; font-family:var(--f-display); color: var(--coral); display:block; line-height:1; }
.mission-quote p{ font-family:var(--f-display); font-weight:600; font-size: clamp(1.3rem,2.6vw,1.9rem); line-height:1.4; }

.story-section{ display:grid; grid-template-columns:1fr 1fr; gap: clamp(2rem,5vw,4.5rem); align-items:center; padding: clamp(2.5rem,5vw,4rem) 0; }
.story-section.is-reverse{ direction:rtl; }
.story-section.is-reverse > *{ direction:ltr; }
.story-copy h2{ font-size: clamp(1.6rem,3vw,2.3rem); margin-top:.8rem; }
.story-copy p{ margin-top:1.1rem; color: var(--ink-dim); line-height:1.7; }
.story-visual{ border-radius: var(--radius-lg); overflow:hidden; aspect-ratio:4/3.2; box-shadow: var(--shadow-lg); }
.story-visual img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:820px){ .story-section, .story-section.is-reverse{ grid-template-columns:1fr; direction:ltr; } }

/* ---- Vertical process ---- */
.process-list{ max-width:760px; margin:2rem auto 0; display:flex; flex-direction:column; gap:1.2rem; }
.process-item{ display:flex; gap:1.3rem; align-items:flex-start; padding:1.6rem; }
.process-num{ flex:none; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; font-family:var(--f-display); font-weight:800; color:#fff; font-size:1.1rem; }
.process-item h3{ font-size:1.1rem; }
.process-item p{ font-size:.88rem; color: var(--ink-faint); margin-top:.4rem; line-height:1.5; }

/* ---- Team grid ---- */
.team-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:1.3rem; }
.team-card{ text-align:center; padding:1.8rem 1.2rem; }
.team-avatar{ width:78px; height:78px; border-radius:50%; margin:0 auto 1rem; overflow:hidden; }
.team-avatar img{ width:100%; height:100%; object-fit:cover; }
.team-card h3{ font-size:.98rem; } .team-card span{ font-size:.78rem; color: var(--ink-faint); display:block; margin-top:.3rem; }
@media (max-width:900px){ .team-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:560px){ .team-grid{ grid-template-columns: 1fr; } }

/* ---- Values band ---- */
.values-row{ display:grid; grid-template-columns: repeat(4,1fr); gap:1.3rem; }
.value-item{ text-align:center; padding:1.6rem 1rem; }
.value-item .ico{ width:52px; height:52px; border-radius:16px; display:grid; place-items:center; margin-inline:auto; font-size:1.5rem; }
.value-item h4{ font-size:.95rem; margin-top:.9rem; } .value-item p{ font-size:.8rem; color: var(--ink-faint); margin-top:.4rem; }
@media (max-width:760px){ .values-row{ grid-template-columns: repeat(2,1fr); } }