/* About composition stays within the shared V0.6 design system. */
.p-about .p-hero .p-photo img { height:330px; aspect-ratio:auto; }
.p-about .p-section { padding:44px 0; }
.p-about .p-section h2 { font-size:28px; font-weight:500; line-height:1.35; letter-spacing:-.02em; margin-bottom:18px; text-wrap:balance; }
.p-about #overview h2 { font-size:clamp(28px,3vw,42px); font-weight:600; line-height:1.2; margin:0; }
.p-about #overview .p-split { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(32px,5vw,74px); }
.p-about #overview .p-heading { margin-bottom:16px; }
.p-about #overview .p-heading .v4-eyebrow { margin:0 0 8px; color:var(--b-blue); font-weight:600; }
.p-about #overview .p-split > div > p { max-width:62ch; margin:0 0 12px; }
html[lang="zh-CN"] .p-about #overview .p-split > div > p { max-width:36em; }
.p-about #overview .p-facts > div + div { border-top:1px solid #d7e1eb; }
.p-about #overview .p-facts > div { padding-block:11px; padding-left:43px; }
.p-about #overview .p-facts .reference-icon { top:14px; width:27px; height:27px; }
.p-about #overview .p-facts dt { font-size:13px; font-weight:600; }
.p-about #overview .p-facts dd { margin-top:3px; }
.p-about .p-section p { font-size:17px; line-height:1.75; }
.p-about .p-section .v4-eyebrow { font-size:13px; line-height:1.5; margin-bottom:14px; }
.p-about .p-section .p-heading { margin-bottom:24px; }
.p-about .p-section .v4-text-link { font-size:16px; font-weight:500; line-height:1.5; }
.p-about .p-facts div { padding:12px 0; }
.p-about .p-facts dt { font-size:15px; font-weight:400; line-height:1.5; }
.p-about .p-facts dd { font-size:17px; font-weight:500; line-height:1.6; margin-top:6px; }
.p-about .p-split > div { max-width:680px; }
.p-about .p-split p:last-child { margin-bottom:0; }
.p-about #approach .p-heading { max-width:900px; margin-bottom:0; }
.p-about #approach .p-lead { max-width:740px; margin-bottom:0; }
.p-about-directions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.p-about-directions article { border-top:1px solid var(--p-line); padding-top:20px; display:flex; flex-direction:column; align-items:flex-start; }
.p-about-directions h3 { font-size:21px; font-weight:500; line-height:1.4; margin:0 0 12px; }
.p-about-directions p { margin:0 0 20px; max-width:56ch; }
.p-about-directions .v4-text-link { margin-top:auto; }
.p-about-contact { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.p-about .p-about-contact h2 { font-size:27px; margin-bottom:10px; }
.p-about-contact p { margin:0; }
.p-about-contact > a { flex-shrink:0; }
html[lang="zh-CN"] .p-about .p-section h2,
html[lang="zh-CN"] .p-about .p-section h3 { letter-spacing:0; line-height:1.45; }
html[lang="zh-CN"] .p-about .p-section p { line-height:1.85; }
html[lang="zh-CN"] .p-about-directions p { max-width:32em; }
@media(max-width:900px) {
  .p-about .p-hero-grid,.p-about .p-split { grid-template-columns:minmax(0,1fr); gap:30px; }
  .p-about .p-hero h1 { max-width:850px; }
  .p-about .p-hero .p-photo img { height:300px; }
  .p-about-directions { gap:30px; }
}
@media(max-width:760px) {
  .p-about .p-section { padding:34px 0; }
  .p-about .p-section h2,.p-about #overview h2,.p-about .p-about-contact h2 { font-size:25px; }
  .p-about-directions h3 { font-size:20px; }
  .p-about .p-section p { font-size:16px; }
  .p-about .p-facts dd { font-size:16px; }
  .p-about .p-section .v4-text-link { font-size:15px; }
  .p-about-directions { grid-template-columns:minmax(0,1fr); }
  .p-about .p-hero .p-photo img { height:auto; aspect-ratio:3/2; }
  .p-about-contact { flex-direction:column; align-items:flex-start; gap:22px; }
}

@media(max-width:760px) { .p-about #overview .p-split { grid-template-columns:minmax(0,1fr); gap:20px; } .p-about #overview h2 { font-size:28px; } }