body[data-page="about"] .page-intro{padding-bottom:54px}
.about-story{padding-top:20px;padding-bottom:110px}
.about-story-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:70px;align-items:center;padding:18px 0 78px;border-top:1px solid #405070}
.about-story-intro h2{font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-1.2px;line-height:1.2;max-width:780px;margin:24px 0 30px}
.about-story-intro p{max-width:760px;color:#aebfda;font-size:17px;line-height:1.85;margin:0 0 18px;overflow-wrap:anywhere}
.about-story-intro .about-story-lead{color:#e0e7f4;font-size:20px}
.about-story-mark{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;box-sizing:border-box;padding:22px;width:clamp(160px,18vw,215px);aspect-ratio:1;justify-self:center;border:1px solid #435373;border-radius:50%;background:radial-gradient(circle,#6b66b626 0,#19274636 45%,transparent 70%);box-shadow:0 0 0 15px #aaa2ff05}
.about-story-mark svg{display:block;flex-shrink:0;width:68%;height:auto;opacity:.7;filter:drop-shadow(0 0 8px #b0a1e824)}
.about-story-brand{display:grid;justify-items:center;justify-self:center;text-align:center}
.about-story-brand-caption{display:grid;gap:6px;color:#aaa6c2;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.035em}
.about-story-brand-caption .about-story-brand-chinese{font-size:18px;letter-spacing:.3em;padding-inline-start:.3em}
.about-story-brand-caption small{color:#8592ad;font-size:9px;font-weight:400;letter-spacing:.22em;padding-inline-start:.22em}
.about-principles{padding:26px 0 70px;border-top:1px solid #405070}
.about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.about-principle-grid article{min-height:244px;padding:26px 27px;border:1px solid #3b4d70;background:linear-gradient(155deg,#142641e8,#0d1b32eb)}
.about-principle-grid article>span{color:#b9aefa;font-size:12px;letter-spacing:1.5px}
.about-principle-grid h3{font-size:22px;font-weight:500;line-height:1.35;margin:35px 0 13px}
.about-principle-grid p{color:#abbcd6;font-size:15px;line-height:1.75;margin:0}
.about-scope{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px 60px;padding:34px;border:1px solid #766fa7;background:linear-gradient(120deg,#242b53dd,#102039e8)}
.about-scope h2{font-size:clamp(25px,2.7vw,38px);line-height:1.3;font-weight:500;margin:0}
.about-scope p{color:#d1d9ea;font-size:16px;line-height:1.8;margin:0}
.about-scope a{grid-column:2;width:max-content;max-width:100%;color:#d5c5ff;text-decoration:none;border-bottom:1px solid #a89fe0;padding-bottom:5px}
.about-scope a:hover{color:#fff;border-color:#fff}
@media(max-width:900px){.about-story-head{grid-template-columns:1fr;gap:35px}.about-story-mark{width:min(180px,48vw);margin:0 auto}.about-principle-grid{grid-template-columns:1fr}.about-principle-grid article{min-height:0}.about-principle-grid h3{margin-top:25px}.about-scope{grid-template-columns:1fr}.about-scope a{grid-column:1}}
@media(max-width:760px){.about-story{padding-top:0;padding-bottom:68px}.about-story-head{padding-bottom:55px}.about-story-intro h2{font-size:34px}.about-story-intro .about-story-lead{font-size:17px}.about-story-intro p{font-size:15px}.about-principles{padding-bottom:50px}.about-principle-grid{gap:12px}.about-principle-grid article{padding:22px}.about-principle-grid h3{font-size:20px}.about-scope{padding:24px;gap:20px}.about-scope p{font-size:15px}}