/* Approved intro refinement only. Portrait geometry, home hero and later sections stay unchanged. */
.about-page .about-hero {
  min-height: 0;
  align-items: start;
  padding: 152px 0 64px;
}
.about-page .about-hero-layout {
  align-items: start;
}
/* Typography only: identical text, local Korean font, quieter lead / solid Black title. */
.about-page .about-hero-copy h1 {
  max-width: 100%;
  color: var(--white);
  font-family: "About Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-size: clamp(58px, 7.5vw, 96px);
  font-weight: 900;
  font-synthesis: none;
  line-height: 1.06;
  letter-spacing: -.035em;
  text-wrap: normal;
}
.about-page .about-title-lead {
  display: block;
  margin-bottom: 12px;
  font-size: .66em;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.about-page .about-hero-copy h1 .about-title-main {
  display: block;
  color: var(--white);
  font-weight: 900;
}
.about-page .about-title-line { display: block; }
.about-page .about-hero-copy > p:not(.eyebrow) strong {
  color: var(--white);
  font-family: "About Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-synthesis: none;
}
.about-page .about-hero-copy > p:not(.eyebrow) {
  margin-top: 24px;
  color: rgba(245, 245, 245, .74);
}
.about-page .about-hero + .about-section {
  padding-top: 90px;
}
/* Values replace dates; keep the former timeline-label appearance on this page only. */
.about-page .timeline-list .about-value-label {
  color: var(--red);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
@media (max-width: 760px) {
  .about-page .about-hero {
    padding: 128px 0 48px;
  }
  .about-page .about-hero-layout {
    row-gap: 48px;
  }
  .about-page .about-hero-copy h1 {
    font-size: clamp(42px, 13.2vw, 64px);
  }
}