/* ============================================================
   ABOUT US page-specific styles
   File: wp-content/themes/twentytwentyfive-child/css/about-us.css
   (or wherever your child theme keeps custom CSS files)
   ============================================================ */
.about-hero{ position:relative; height:480px; overflow:hidden; margin-bottom:0; }
.about-hero .art{ width:100%; height:100%; }
.about-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.15) 60%); z-index:1; }
.about-hero-content{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:60px; color:#fff; }
.about-hero-content .eyebrow{ color:#e8dcc4; }
.about-hero-content h1{ color:#fff; font-size:clamp(30px,4.5vw,48px); margin-top:10px; max-width:640px; }
.story-row{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.story-row.reverse{ direction:rtl; }
.story-row.reverse > *{ direction:ltr; }
.story-row .art{ aspect-ratio:3/4; border-radius:var(--radius-m); overflow:hidden; }
.story-copy h2{ font-size:clamp(24px,3vw,32px); margin-bottom:16px; }
.story-copy p{ color:var(--ink-soft); font-size:14.5px; line-height:1.8; margin-bottom:14px; }
@media(max-width:800px){
  .story-row, .story-row.reverse{ grid-template-columns:1fr; direction:ltr; }
}
.value-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
@media(max-width:800px){ .value-grid{ grid-template-columns:repeat(2,1fr); } }
.value-card{ text-align:center; padding:32px 20px; border:1px solid var(--line-soft); border-radius:var(--radius-m); }
.value-card svg{ width:30px; height:30px; margin-bottom:16px; color:var(--ink); }
.value-card h4{ font-size:13px; text-transform:uppercase; letter-spacing:.04em; font-family:var(--font-body); font-weight:700; margin-bottom:8px; }
.value-card p{ font-size:12.5px; color:var(--ink-soft); line-height:1.6; }
.stat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
@media(max-width:700px){ .stat-row{ grid-template-columns:repeat(2,1fr); gap:32px; } }
.stat-item .num{ font-family:var(--font-display); font-size:clamp(32px,4vw,44px); font-weight:700; }
.stat-item .label{ font-size:12px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.04em; margin-top:6px; }
.team-quote{ max-width:680px; margin:0 auto; text-align:center; }
.team-quote p{ font-size:20px; font-style:italic; line-height:1.6; margin-bottom:20px; }
.team-quote span{ font-size:12.5px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.05em; }