/* About introduction: a text-led editorial layout without photographic or icon assets. */
.about-v11-intro {
  grid-template-columns: minmax(210px, .56fr) minmax(450px, 1.44fr);
  gap: clamp(60px, 10vw, 164px);
  align-items: stretch;
  padding-top: 132px;
  padding-bottom: 144px;
}

.about-v11-intro-aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 406px;
  padding: 27px 30px 28px;
  color: #315f88;
  border-left: 4px solid #1476e8;
  background: #edf6fc;
}

.about-v11-intro-aside > span {
  color: #4f83ad;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .17em;
}

.about-v11-intro-aside b {
  color: #1c527f;
  font-size: clamp(36px, 3vw, 49px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.04em;
}

.about-v11-intro-aside p { max-width: 165px; margin: 0; color: #6787a3; font-size: 13px; line-height: 1.8; }
.about-v11-intro-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 22px 0; }

.about-v11-intro h2 {
  margin: 0;
  color: #172f4a;
  font-size: clamp(37px, 3.35vw, 51px);
  font-weight: 800;
  line-height: 1.24;
  letter-spacing: -.04em;
}

.about-v11-intro h2 em { color: #1476e8; font-style: normal; }

.about-v11-intro-body {
  max-width: 625px;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid #d2e2ee;
}

.about-v11-intro-body p { margin: 0; color: #647e98; font-size: 16px; line-height: 1.95; }
.about-v11-intro-body p + p { margin-top: 16px; color: #7890a5; }

.about-v11-intro-track {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-top: 40px;
  color: #1f69a4;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .04em;
}

.about-v11-intro-track i { width: 4px; height: 4px; border-radius: 50%; background: #91bee5; }

@media (max-width: 900px) {
  .about-v11-intro { grid-template-columns: minmax(174px, .52fr) minmax(340px, 1.48fr); gap: 52px; padding-top: 106px; padding-bottom: 114px; }
  .about-v11-intro-aside { min-height: 364px; padding: 24px; }
  .about-v11-intro-aside b { font-size: 38px; }
  .about-v11-intro-body { margin-top: 30px; padding-top: 24px; }
}

@media (max-width: 620px) {
  .about-v11-intro { grid-template-columns: 1fr; gap: 39px; padding-top: 76px; padding-bottom: 84px; }
  .about-v11-intro-aside { min-height: 208px; padding: 24px 23px; }
  .about-v11-intro-aside b { font-size: 35px; }
  .about-v11-intro-aside p { max-width: 210px; }
  .about-v11-intro-copy { padding: 0; }
  .about-v11-intro h2 { font-size: 34px; }
  .about-v11-intro-body { margin-top: 25px; padding-top: 21px; }
  .about-v11-intro-body p { font-size: 15px; line-height: 1.86; }
  .about-v11-intro-track { gap: 9px 13px; margin-top: 30px; font-size: 13px; }
}