body.about-page{
  background:var(--bg);
}

.about-page .service-card h2{
  margin:0;
  font-size:clamp(25px, 4.2vw, 34px);
  line-height:1.14;
  color:#111318;
}

.about-founder-lead{
  margin:12px 0 0;
  font-size:17px;
  line-height:1.55;
  color:rgba(17,19,24,0.80);
}

.about-founder-card p{
  color:rgba(17,19,24,0.72);
  line-height:1.64;
}

.about-contact-list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.about-contact-list li{
  color:rgba(17,19,24,0.74);
  line-height:1.58;
}

.about-contact-list strong{
  color:#111318;
}

.about-contact-list a,
.about-contact-list a:visited{
  color:rgba(17,19,24,0.84);
  text-decoration:underline;
  text-decoration-color:rgba(17,19,24,0.34);
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color 180ms ease, text-decoration-color 180ms ease;
}

.about-contact-list a:hover,
.about-contact-list a:focus-visible{
  color:#111318;
  text-decoration-color:rgba(17,19,24,0.62);
}

.about-location-actions{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.about-customer-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
}

.about-customer-card h3{
  margin-bottom:2px;
}

.about-customer-card .service-checklist{
  margin-top:14px;
}

.about-customer-card .about-location-actions{
  margin-top:18px;
}

.about-note{
  margin-top:12px;
  color:rgba(17,19,24,0.68);
}

.about-final-actions{
  justify-content:center;
}

/* Keep the founder portrait lower in the crop so the head is not cut off. */
body.about-page .service-gallery-card--wide img{
  object-position:center 22%;
}

@media (min-width: 1025px){
  /* Use the free space below by making the founder card taller on desktop. */
  body.about-page .service-gallery-card--wide{
    grid-row:span 3;
  }
}

@media (max-width: 1024px){
  .about-final-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .about-final-actions .service-btn{
    width:100%;
    min-width:0;
    padding:0 10px;
    font-size:14px;
  }

  .about-final-actions .service-btn::after{
    padding:0 10px;
  }
}