.about-page { overflow: clip; }
nav a[aria-current="page"] { color: var(--blue); }
.about-page section { padding-block: 100px; }
.about-page h1 { margin: 24px 0 32px; font-size: clamp(38px,5.7vw,76px); line-height: 1.13; letter-spacing: -.055em; }
.about-page h2 { margin: 20px 0 28px; font-size: clamp(32px,3.6vw,49px); line-height: 1.2; letter-spacing: -.05em; }
.about-page h3 { margin: 0 0 15px; font-size: 23px; line-height: 1.4; letter-spacing: -.035em; }
.about-page p { font-size: 17px; line-height: 1.85; color: var(--muted); }
.about-page .about-intro { padding-top: 90px; padding-bottom: 0; }
.intro-bottom { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:48px; }
.intro-bottom p { margin:0; }
.about-scroll { display:flex; gap:24px; font-size:14px; font-weight:700; white-space:nowrap; }
.about-scroll span { color:var(--blue); }
.about-cover { position:relative; margin:0; overflow:hidden; border-radius:28px; background:#e9ecee; }
.about-cover img { width:100%; height:clamp(300px,43vw,580px); object-fit:cover; object-position:center 55%; }
.about-cover figcaption { position:absolute; inset:auto 0 0; padding:48px 32px 26px; font-size:19px; font-weight:700; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.62)); }
.about-story { display:grid; grid-template-columns:1fr 1fr; gap:72px; }
.story-copy p { margin:0 0 22px; }
.about-beliefs { background:#0d0e12; color:white; }
.about-beliefs .eyebrow { color:var(--lime); }
.belief-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:56px; }
.belief-grid article { border-top:1px solid #3e4149; padding-top:26px; }
.belief-number { display:block; margin-bottom:40px; font-size:15px; color:var(--lime); font-weight:800; }
.belief-grid p { margin-bottom:0; color:#adb1bb; font-size:16px; }
.about-world .section-head { align-items:start; }
.about-world .section-head p { max-width:380px; }
.exhibition-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.exhibition-gallery figure { min-width:0; margin:0; }
.exhibition-gallery img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:20px; background:#f1f3f5; }
.exhibition-gallery figcaption { padding:18px 0 0; font-size:16px; font-weight:700; line-height:1.5; }
.exhibition-gallery figcaption small { display:block; margin-top:5px; color:var(--muted); font-size:13px; font-weight:400; }
.world-records { margin-top:56px; border-top:1px solid var(--line); }
.world-records article { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:30px 0; border-bottom:1px solid var(--line); }
.record-place { font-size:13px; font-weight:800; letter-spacing:.08em; color:var(--blue); padding-top:6px; }
.world-records h3 { margin-bottom:8px; }
.world-records p { margin:0 0 8px; font-size:16px; max-width:790px; }
.world-records small { color:var(--muted); font-size:13px; line-height:1.6; }
.about-promise { background:#f4f6fb; }
.about-promise h2 { font-size:clamp(36px,4.5vw,62px); }
.about-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.about-actions a { min-height:52px; padding:16px 25px; font-size:15px; }
@media(max-width:800px) {
 .about-page section { padding-block:68px; }
 .about-page .about-intro { padding-top:55px; }
 .intro-bottom { display:block; margin-bottom:32px; }
 .about-scroll { margin-top:22px; justify-content:flex-start; }
 .about-story { grid-template-columns:1fr; gap:14px; }
 .belief-grid { grid-template-columns:1fr; gap:28px; margin-top:36px; }
 .belief-number { margin-bottom:16px; }
 .exhibition-gallery { grid-template-columns:1fr; gap:34px; margin-top:32px; }
 .world-records article { grid-template-columns:1fr; gap:12px; padding:26px 0; }
 .about-world .section-head { display:block; }
 .about-world .section-head p { max-width:none; }
 .about-cover { border-radius:20px; }
 .about-cover figcaption { padding:40px 20px 20px; font-size:16px; }
 .about-page p { font-size:16px; }
}

/* Show source rectangle x384,y72,720x480: booth and people above the video subtitles. */
.us-booth-frame { position:relative; overflow:hidden; aspect-ratio:3/2; border-radius:20px; }
.us-booth-frame img { position:absolute; width:177.777778%; max-width:none; height:auto; aspect-ratio:auto; left:-53.333333%; top:-15%; border-radius:0; }
.china-booth-frame { position:relative; overflow:hidden; aspect-ratio:3/2; border-radius:20px; }
.china-booth-frame img { position:absolute; width:187.013%; max-width:none; height:auto; aspect-ratio:auto; left:-15.692%; top:-72.24%; border-radius:0; }