/*  About hero  */
.about-hero{ padding-top:96px; padding-bottom:64px; }
.about-hero-copy{ max-width:760px; margin:0 auto; text-align:center; }
.eyebrow{
  display:inline-block; font-size:13px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:var(--sage-deep); margin-bottom:16px;
}
.about-hero h1{ font-size:clamp(32px,4.4vw,48px); }
.about-hero .lede{
  margin-top:20px; font-size:18px; color:#3B453D; max-width:60ch; margin-left:auto; margin-right:auto;
}

/*  Stats  */
.about-stats{ padding:0; }
.stats-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line);
}
.stat{
  background:var(--paper); padding:32px 20px; text-align:center;
  display:flex; flex-direction:column; gap:6px;
}
.stat-num{
  font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(28px,3.4vw,36px); color:var(--ink);
}
.stat-label{ font-size:13.5px; color:#3B453D; }

.section-head h2{
    margin-bottom: 10px;
}

.section-head p{
    margin-bottom: 12px;
}

.svc-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  white-space:nowrap;
  justify-self:end;
  padding:10px 18px;
  border-radius:999px;
  overflow:hidden;
  z-index:0;
}

.svc-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--sage);
  border-radius:999px;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
  z-index:-1;
}

.svc-link .arrow{
  display:inline-block;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}

.svc-link:hover{
  color:var(--white);
}
.svc-link:hover::before{
  transform:scaleX(1);
}
.svc-link:hover .arrow{
  transform:translateX(4px);
}

.svc-link-solid{
  background:var(--sage);
  color:var(--white);
  padding:14px 26px;
}
.svc-link-solid::before{
  transform:scaleX(1);
  background:var(--sage);
}
.svc-link-solid:hover::before{
  background:var(--sage-deep);
}
.svc-link-solid:hover{
  color:var(--white);
}

@media (max-width:760px){
  .stats-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
  .stats-grid{ grid-template-columns:1fr; }
}

/*  Story  */
.story-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:start; }
.story-copy p{ font-size:16px; color:#3B453D; margin-bottom:16px; }
.story-copy p:last-child{ margin-bottom:0; }

@media (max-width:820px){
  .story-grid{ grid-template-columns:1fr; }
  .about-hero .lede{
    font-size:16px;
  }
}

/*  Values  */
.values-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.value-card{ background:var(--paper); padding:28px; transition:transform .18s ease, box-shadow .18s ease; }
.value-card:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(23,31,26,.12); }
.value-card h3{ font-size:17px; margin-bottom:8px; }
.value-card p{ font-size:14px; color:#3B453D; }

@media (max-width:860px){
  .values-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .values-grid{ grid-template-columns:1fr; }
}

/*  About CTA  */
.about-cta{ text-align:center; max-width:560px; margin:0 auto; }
.about-cta h2{ font-size:clamp(26px,3.2vw,34px); }
.about-cta p{ margin:14px 0 28px; font-size:16px; color:#3B453D; }