/* About section layout. All other sections retain the shared site styles. */
.about-section {
  --grey: #526176;
  --hairline: #dce2e9;
  padding: 48px 0;
}
.about-section .wrap { max-width: 1360px; padding: 0 32px; }
.about-section .sec-head { align-items: center; gap: 16px; margin-bottom: 26px; }
.about-section .sec-head h2 { font-size: 15px; letter-spacing: .08em; }
.about-section .sec-head .count { font-size: 13px; text-align: right; }
.about-section .about-lede {
  max-width: 1000px;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.5;
}
.about-section .spec-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 8px;
  overflow: hidden;
}
.about-section .spec { min-width: 0; background: #fff; }
.about-section .spec .k { font-size: 13px; }
.about-section .spec .v { font-size: 18px; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .about-section .spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .about-section { padding: 36px 0; }
  .about-section .wrap { padding: 0 20px; }
  .about-section .sec-head { align-items: flex-start; }
  .about-section .sec-head .count { max-width: 48%; font-size: 12px; }
  .about-section .spec-grid { grid-template-columns: 1fr; }
}