/* KD Roofers v3.0.23 about.css — About page sections */
.kd-about-mission__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.6rem,2.8vw,2.7rem);
}
.kd-about-mission__panel{
  padding:clamp(1.85rem,2.8vw,2.75rem);
  background:#fff;
  border:1px solid var(--kd-line);
  clip-path:var(--kd-roof-clip);
  box-shadow:var(--kd-shadow-sm);
}
.kd-about-mission__panel h2{
  font-size:clamp(1.45rem,2.2vw,2.2rem);
}
.kd-about-mission__panel p{
  line-height:1.58;
}
.kd-about-why .kd-section-heading--split{
  align-items:start;
}
.kd-about-why__rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.9rem,3vw,2.8rem) clamp(1.55rem,2.35vw,2.25rem);
}




.kd-about-why__item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:270px;
  padding:clamp(1.85rem,2.75vw,2.75rem);
  background:#fff;
  border:1px solid var(--kd-line);
  clip-path:var(--kd-roof-clip);
  box-shadow:0 14px 34px rgba(17,24,39,.06);
  overflow:hidden;
}
.kd-about-why__item span{
  width:48px;
  height:42px;
  margin-bottom:1.25rem;
  font-size:.92rem;
}
.kd-about-why__item h3{
  max-width:260px;
  font-size:clamp(1rem,1.15vw,1.14rem);
  line-height:1.18;
  margin-bottom:.75rem;
}
.kd-about-why__item p{
  color:var(--kd-muted);
  font-size:.95rem;
  line-height:1.62;
}
.kd-about-services .kd-section-heading{
  max-width:820px;
}
.kd-about-services .kd-shared-service-mosaic{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.kd-about-services .kd-shared-service-tile{
  min-height:clamp(285px,27vw,370px);
}


.kd-about-services--mosaic{
  background:var(--kd-white);
}