/* about.php — page layout only; components come from ui-v2.css */

/* hero */
.about-hero .stats--inline{margin-top:var(--s-6)}
.about-hero .stat__n{color:#fff}
.post-hero + .section{padding-top:var(--section-pad-tight)}

/* "The standard": statement head split 5/7 above a hairline */
.about-standard{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-5) var(--s-8);align-items:end;padding-top:var(--s-6)}
.about-standard .section-head{margin-bottom:0;max-width:none}
.about-standard .section-head h2{margin:0;max-width:none;font-size:clamp(32px,1.4rem + 2.6vw,56px);line-height:1.04;letter-spacing:-.03em}
.about-standard .lead{margin:0;max-width:var(--measure-lead);color:var(--text-muted)}
@media (max-width:900px){.about-standard{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}}

/* story: sticky dark rail + prose */
.about-layout{display:grid;grid-template-columns:280px minmax(0,800px);gap:var(--s-8);align-items:start}
.about-rail{position:sticky;top:calc(var(--nav-h) + 24px);box-shadow:none}
.about-rail p{margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--text-inverse-muted)}
.about-copy{display:grid;gap:var(--s-7)}
.about-copy article{display:grid;gap:var(--s-4);padding-bottom:var(--s-7);border-bottom:var(--border)}
.about-copy article:last-child{border-bottom:0;padding-bottom:0}
.about-copy h2{font-size:var(--fs-h2);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:var(--ink);margin:0;max-width:var(--measure-head)}
.about-copy p{font-size:var(--fs-body);line-height:1.65;color:var(--text-muted);margin:0;max-width:var(--measure)}
.about-copy .btn-link{justify-self:start}
.about-service-grid{margin:0}
.about-service-grid .chip{white-space:normal;line-height:1.25;padding:7px 14px;cursor:default}
.about-steps{gap:0;padding:var(--s-3) var(--s-5)}
.about-steps li{padding:14px 0}
.about-steps li b,.about-steps li span{grid-column:2}
.about-steps li b{display:block;font-size:var(--fs-h4);font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.about-steps li span{display:block;margin-top:4px;font-size:var(--fs-small);line-height:1.5;color:var(--text-muted)}
@media (max-width:1000px){
  .about-layout{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
  .about-rail{position:static;max-width:560px}
}
@media (max-width:768px){
  .about-copy{gap:var(--s-6)}
  .about-copy article{gap:var(--s-3);padding-bottom:var(--s-6)}
  .about-copy h2{font-size:clamp(24px,1.2rem + 2vw,28px)}
  .about-copy p{font-size:15px;line-height:1.58}
  .about-rail p{font-size:15px}
  .about-standard{padding-top:var(--s-5)}
  .about-standard .section-head h2{font-size:clamp(26px,1.2rem + 2.4vw,32px)}
  .about-standard .lead{font-size:16px}
  .about-service-grid .chip{font-size:12px;min-height:32px;padding:6px 10px}
  .about-steps{padding:4px var(--s-4)}
  .about-steps li{padding:12px 0}
}

/* numbers on paper */
.about-numbers .stat__n{color:var(--ink)}
.about-numbers .stat__n .suffix{color:var(--blue)}
.about-numbers .stat__label{color:var(--text-muted)}

/* promise band */
.cta-band>div:first-child{display:grid;gap:8px}

/* hairline inset to the text column, not the container's padding box */
.about-standard.hairline-top{border-top:0;position:relative}
.about-standard.hairline-top::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:var(--border)}
