.msb-about{--green:#2d6a4f;--blue:#1b3a5c;--orange:#e76f51;--ink:#142f45;--muted:#5c6a74;--soft:#f2f7f4;color:var(--ink);font-family:Inter,Arial,sans-serif;overflow:hidden}.msb-about *{box-sizing:border-box}.about-shell{width:min(1160px,calc(100% - 48px));margin:auto}.about-section{padding:110px 0}.about-soft{background:var(--soft)}.about-eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 20px}.msb-about h1,.msb-about h2,.msb-about h3{color:var(--blue);margin-top:0}.msb-about h1{font-size:clamp(47px,6.1vw,82px);line-height:1;letter-spacing:-.047em;margin:0 0 30px}.msb-about h2{max-width:900px;font-size:clamp(36px,4.3vw,58px);line-height:1.07;letter-spacing:-.035em;margin-bottom:30px}.msb-about h3{font-size:23px;line-height:1.3}.msb-about p{color:var(--muted)}.about-hero{padding:95px 0 88px;background:#f7faf8}.about-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.about-hero .about-lead{color:var(--ink);font-size:20px;line-height:1.65}.about-hero p{font-size:16px;line-height:1.75}.about-hero-visual{position:relative;margin:0}.about-hero-visual:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid #a9c4b7}.about-hero-visual img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover}.about-hero-visual figcaption{position:relative;padding-top:12px;font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.about-reveal{animation:about-rise .65s ease both}@keyframes about-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.about-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:34px}.about-actions.left{justify-content:flex-start}.about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;background:var(--green);border:2px solid var(--green);border-radius:5px;color:#fff!important;font-size:14px;font-weight:750;text-decoration:none;transition:.2s ease}.about-btn.secondary{background:transparent;color:var(--blue)!important;border-color:var(--blue)}.about-btn:hover,.about-btn:focus-visible{transform:translateY(-2px);box-shadow:0 7px 20px #1b3a5c20}.about-btn:focus-visible,.msb-about a:focus-visible{outline:3px solid #e76f51;outline-offset:3px}.about-editorial{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px}.about-narrative p,.mission .about-editorial p{font-size:18px;line-height:1.8;margin:0 0 20px}.about-statement{border-left:4px solid var(--orange);padding:8px 0 8px 25px;margin-top:35px!important;color:var(--blue)!important;font-size:24px!important;font-weight:720}.experience-timeline{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:75px 0 0;padding:0;border-top:1px solid #a9c4b7}.experience-timeline li{position:relative;padding:26px 18px 0 0}.experience-timeline li:before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #fff}.experience-timeline b,.experience-timeline span{display:block}.experience-timeline b{color:var(--green);font-size:15px}.experience-timeline span{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}.section-intro{max-width:760px;font-size:18px;line-height:1.75;margin:0 0 55px}.section-intro.light{color:#dbe8e1}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cad8d1;border-left:1px solid #cad8d1}.industry-grid article{min-height:230px;padding:28px;border-right:1px solid #cad8d1;border-bottom:1px solid #cad8d1}.industry-grid b,.why-grid>b{color:var(--orange);font-size:12px}.industry-grid h3{margin:42px 0 14px}.industry-grid p,.region-grid p,.trade-grid p,.why-grid p,.market-grid p{line-height:1.65;margin-bottom:0}.section-note{max-width:900px;margin:55px 0 0;padding-top:28px;border-top:1px solid #b9cbc2;color:var(--blue)!important;font-size:21px;font-weight:650;line-height:1.55}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}.region-grid article{padding:28px 24px;background:var(--soft);border-top:4px solid var(--green)}.region-grid span{color:var(--orange);font-size:12px}.region-grid h3{margin:45px 0 8px}.region-grid b,.trade-grid b,.market-grid b{display:block;color:var(--green);font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}.more-than{display:grid;grid-template-columns:.55fr 1fr;gap:60px;margin-top:65px;padding:35px 0;border-top:1px solid #b7c8c0;border-bottom:1px solid #b7c8c0}.more-than h3{margin:0}.more-than p{font-size:18px;line-height:1.7;margin:0}.trade-section{background:#fbf8f3}.trade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trade-grid article{padding:32px;background:#fff;border-bottom:3px solid var(--orange)}.trade-grid h3{min-height:60px}.fair-insight{max-width:850px;margin:65px 0 0;padding:36px;border-left:1px solid var(--orange);background:#fff}.fair-insight p{font-size:17px;line-height:1.7}.about-bridge{background:#173b57;color:#fff}.about-bridge h2,.about-bridge h3{color:#fff}.about-bridge .about-eyebrow{color:#9cd0b4}.supply-diagram{display:grid;grid-template-columns:1fr 180px 1fr;align-items:stretch;margin:60px 0 85px}.supply-diagram article{padding:35px;border:1px solid #ffffff35}.supply-diagram article p{color:#d9e6ec;line-height:1.8}.supply-diagram>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--green);padding:20px 12px}.supply-diagram>div b{font-size:13px}.supply-diagram>div span{margin-top:12px;color:#dcebe3;font-size:12px;line-height:1.7}.subheading{font-size:30px!important;margin-bottom:30px!important}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-grid article{padding:30px;background:#ffffff0b;border-top:2px solid #8ebca3}.market-grid p{color:#dbe5ea}.market-grid b{color:#9cd0b4;min-height:58px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:#c9d6d0}.why-grid article{padding:35px;background:#fff}.why-grid article>b{color:var(--orange)}.why-grid h3{margin:45px 0 15px}.network-section{background:var(--soft)}.network-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.network-layout>div:first-child>p{font-size:18px;line-height:1.75}.text-link{display:inline-block;margin-top:20px;color:var(--green)!important;font-weight:750;border-bottom:1px solid currentColor}.china-network{position:relative;min-height:500px;border:1px solid #9bb8aa;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 58px,#2d6a4f18 59px 60px)}.china-network:before,.china-network:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:#7ca793;transform:rotate(26deg)}.china-network:after{transform:rotate(-34deg)}.china-network>b{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:var(--green);color:#fff;text-align:center;font-size:12px}.china-network span{position:absolute;z-index:2;padding:8px 12px;border:1px solid #b5cac0;border-radius:30px;background:#fff;color:var(--blue);font-size:12px}.n1{left:13%;top:22%}.n2{right:8%;bottom:18%}.n3{left:19%;bottom:15%}.n4{right:13%;top:18%}.n5{right:4%;top:46%}.n6{left:4%;top:50%}.category-strip{width:min(1160px,calc(100% - 48px));margin:65px auto 0;display:flex;flex-wrap:wrap;gap:8px}.category-strip span{padding:9px 13px;border:1px solid #b5c8bf;border-radius:20px;background:#fff;font-size:12px}.philosophy{background:#112e46;color:#fff}.philosophy h2{color:#fff}.philosophy .about-eyebrow{color:#9cd0b4}.philosophy blockquote{max-width:940px;margin:55px 0 30px;color:#fff;font-size:clamp(30px,4vw,52px);line-height:1.2;font-weight:650}.philosophy>div>p{color:#d9e4e9}.balance-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:45px;border-top:1px solid #ffffff35}.balance-grid article{padding:28px 20px 10px 0}.balance-grid h3{color:#fff}.balance-grid p{color:#b9cbd4}.philosophy-final{max-width:850px;margin:65px 0 0!important;padding-top:30px;border-top:1px solid #ffffff35;font-size:22px;line-height:1.55}.mission{background:#f8faf8}.mission .about-editorial{align-items:center;margin-top:50px}.mission-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:40px;background:#fff;border:1px solid #ccd9d2}.mission-flow span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.mission-flow i{color:var(--orange);font-style:normal}.solutions-links nav{display:grid;grid-template-columns:repeat(2,1fr);margin-top:55px;border-top:1px solid #becdc6}.solutions-links a{display:flex;justify-content:space-between;padding:23px 5px;border-bottom:1px solid #becdc6;font-size:18px;font-weight:650}.solutions-links a:nth-child(odd){margin-right:35px}.solutions-links a:nth-child(even){margin-left:35px}.solutions-links a span{color:var(--green)}.founder-message{background:#eef4f1}.founder-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.founder-grid blockquote{margin:0 0 35px;color:var(--blue);font-size:clamp(27px,3.2vw,42px);line-height:1.35;font-weight:620}.founder-grid>div:last-child>p{font-size:17px;line-height:1.8}.signature{margin-top:40px!important;color:var(--green)!important}.about-final{padding:110px 0;background:#f8f5ef;text-align:center}.about-final h2{margin-inline:auto}.about-final>div>p:not(.about-eyebrow){max-width:700px;margin:20px auto;color:var(--muted);font-size:18px;line-height:1.7}
@media(prefers-reduced-motion:reduce){.about-reveal{animation:none}.about-btn{transition:none}}
@media(max-width:950px){.about-section{padding:82px 0}.about-hero-grid,.about-editorial,.network-layout,.founder-grid{grid-template-columns:1fr;gap:45px}.about-hero-visual{max-width:600px}.about-hero-visual img{aspect-ratio:16/10}.experience-timeline{grid-template-columns:1fr;border-top:0;border-left:1px solid #a9c4b7;margin-left:7px}.experience-timeline li{padding:0 0 28px 28px}.experience-timeline li:before{top:3px;left:-7px}.industry-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(2,1fr)}.supply-diagram{grid-template-columns:1fr}.supply-diagram>div{min-height:120px}.market-grid{grid-template-columns:1fr}.market-grid b{min-height:0}.balance-grid{grid-template-columns:repeat(2,1fr)}.china-network{min-height:430px}.founder-grid{gap:30px}}
@media(max-width:620px){.about-shell,.category-strip{width:min(100% - 30px,1160px)}.about-section{padding:65px 0}.about-hero{padding:65px 0 55px}.msb-about h1{font-size:clamp(43px,13vw,61px)}.msb-about h2{font-size:clamp(34px,10.5vw,48px)}.about-hero-visual:before{inset:12px -10px -12px 10px}.about-actions,.about-actions.left{flex-direction:column;align-items:stretch}.about-btn{width:100%}.industry-grid,.region-grid,.trade-grid,.why-grid,.balance-grid,.solutions-links nav{grid-template-columns:1fr}.industry-grid article{min-height:0}.more-than{grid-template-columns:1fr;gap:10px}.solutions-links a:nth-child(n){margin:0}.china-network{min-height:330px}.china-network>b{width:88px;height:88px}.china-network span{padding:6px 8px;font-size:10px}.category-strip{margin-top:40px}.mission-flow{padding:28px 18px;flex-direction:column}.mission-flow i{transform:rotate(90deg)}.philosophy blockquote{font-size:31px}}
