/* About page: a clear reading path from operating experience to practical action. */
.about-hero{background:var(--paper);padding:76px 0 88px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:clamp(40px,7vw,100px);align-items:end}
.about-hero h1{max-width:750px;font-size:clamp(3rem,6vw,5.4rem)}
.about-hero p{max-width:690px;font-size:1.05rem;line-height:1.7;margin-bottom:0}
.about-hero .about-hero-lede{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.45;margin-bottom:18px;color:var(--ink)}
.about-hero-aside{display:grid;align-content:space-between;min-height:330px;padding:28px;background:var(--ink);color:#fff;border-top:5px solid var(--clay)}
.about-aside-label{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#CBC7C0}
.about-hero-aside strong{font-size:clamp(3rem,4vw,4.5rem);font-weight:600;letter-spacing:-.06em;line-height:.95}
.about-hero-aside>span:last-child{font-size:.9rem;line-height:1.5;color:#CBC7C0}
.about-story{border-top:1px solid var(--line)}
.about-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(32px,8vw,110px)}
.about-story h2{max-width:440px}
.about-prose{max-width:680px}
.about-prose p{font-size:1.05rem;line-height:1.8;margin-bottom:22px}
.about-prose p:last-child{margin-bottom:0}
.about-leadership{background:var(--paper-2)}
.about-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(30px,8vw,110px);align-items:end;margin-bottom:42px}
.about-section-head h2{max-width:650px;margin-bottom:0}
.about-section-head>p{max-width:430px;margin-bottom:4px;font-size:1.05rem;line-height:1.65}
.about-expertise-list{border-top:1px solid var(--line)}
.about-expertise-list article{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}
.about-expertise-list h3{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.2;margin:0}
.about-expertise-list p{max-width:620px;margin:0;line-height:1.7}
.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--line)}
.about-principles article{padding:28px 0 32px;border-bottom:1px solid var(--line)}
.about-principles h3{font-size:1.45rem}
.about-principles p{max-width:490px;line-height:1.7;margin:0}
.about-text-link{display:inline-flex;gap:10px;align-items:center;margin-top:30px;color:var(--clay-deep);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.about-text-link:hover{color:var(--ink)}
.about-cta h2{max-width:750px}
.about-cta .lede{max-width:650px}
.about-cta .btn.about-cta-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.about-cta .btn.about-cta-secondary:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.footer-grid>div:first-child p{margin-top:15px;max-width:370px}
.footer-grid b{color:#fff}
@media (max-width:980px){
  .about-hero-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .about-hero-aside{min-height:220px;gap:24px}
}
@media (max-width:680px){
  .about-hero{padding:50px 0 64px}
  .about-story-grid,.about-section-head,.about-expertise-list article,.about-principles{grid-template-columns:minmax(0,1fr)}
  .about-story-grid,.about-section-head{gap:20px}
  .about-section-head{margin-bottom:28px}
  .about-expertise-list article{gap:12px}
  .about-principles{gap:0}
  .about-hero-aside{padding:24px}
}