/* About page: reference styling for the four differentiators. */
.about-difference { padding-block: 90px 78px; }
.about-difference .section-heading { margin-bottom: 46px; }
.about-difference .section-heading .eyebrow { margin-bottom: 0; color: #00d0db; }
.about-difference .difference-item { padding: 0 30px; border-color: #324b60; }
.about-difference .difference-item:first-child { padding-left: 0; }
.about-difference .difference-item:last-child { padding-right: 0; }
.about-difference .icon-circle { width: 84px; height: 84px; margin-bottom: 18px; border-color: #324f64; background: transparent; box-shadow: inset 0 0 18px rgba(27, 139, 207, .04); }
.about-difference .difference-icon { display: block; width: 60px; height: 60px; }
.about-difference .difference-item h3 { font-size: 1.35rem; line-height: 1.15; margin-bottom: 12px; }
.about-difference .difference-item p { font-size: .875rem; line-height: 1.65; color: #b5c8dc; }
.about-difference .difference-item a { color: #67d5ff; text-decoration: underline; text-underline-offset: 3px; }
body[data-page="about"] .about-difference + .about-people { padding-top: 0; }
body[data-page="about"] .principle-list h3 { font-size: 1rem; line-height: 1.3; letter-spacing: -.01em; margin-bottom: 8px; }
body[data-page="about"] .principle-list p { font-size: .9rem; line-height: 1.6; margin-bottom: 0; }
body[data-page="about"] .principle-list a { color: #0868c7; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .about-difference .difference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 0; }
  .about-difference .difference-item:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 700px) {
  .about-difference { padding-block: 56px; }
  .about-difference .section-heading { margin-bottom: 30px; }
  .about-difference .difference-grid { grid-template-columns: 1fr; }
  .about-difference .difference-item { padding: 26px 0; border-left: 0; border-top: 1px solid #324b60; }
  .about-difference .difference-item:first-child { padding-top: 0; border-top: 0; }
  .about-difference .difference-item:last-child { padding-bottom: 0; }
}