/* About page visual polish (no theme color change) */

body.about {
  text-rendering: optimizeLegibility;
}

body.about .heroWrap {
  min-height: 320px;
  background-position: center;
  background-size: cover;
}

body.about .heroWrap .innerWrap {
  padding-top: 92px;
  padding-bottom: 92px;
}

body.about #hs_cos_wrapper_hero_copy h1 {
  letter-spacing: -0.01em;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
}

body.about .bodyWrap {
  padding-top: 24px;
}

body.about .intro h4 {
  max-width: 980px;
  margin: 0 auto 10px;
  line-height: 1.65;
}

body.about #hs_cos_wrapper_widget_1447011707064 > h1,
body.about #hs_cos_wrapper_widget_1447011707064 h1 {
  margin-bottom: 12px;
}

body.about #hs_cos_wrapper_widget_1447011707064 p {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
}

body.about .storyCol {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  margin-bottom: 8px;
}

body.about .storyCol .withIcon {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
  padding: 20px;
  line-height: 1.65;
}

body.about .storyCol .withIcon h3 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.35;
}

body.about .section-with-bg .innerWrap {
  padding-top: 44px;
  padding-bottom: 44px;
}

body.about .whiteBar {
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

body.about .whiteBar .innerWrap {
  padding-top: 18px;
  padding-bottom: 18px;
}

body.about .whiteBar h3,
body.about .whiteBar p {
  margin-bottom: 8px;
}

@media (max-width: 991px) {
  body.about .storyCol {
    display: block;
  }

  body.about .storyCol .withIcon {
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  body.about .heroWrap {
    min-height: 220px;
  }

  body.about .heroWrap .innerWrap {
    padding-top: 62px;
    padding-bottom: 62px;
  }

  body.about .intro h4,
  body.about #hs_cos_wrapper_widget_1447011707064 p {
    line-height: 1.6;
  }

  body.about .whiteBar .innerWrap {
    padding: 14px;
  }
}