/* China–South Africa hero. Full-width editorial composition. */
.hero-bridge{position:relative;display:block;isolation:isolate;min-height:660px;padding:70px 6% 115px;overflow:hidden;background:#132c35;color:#fff;align-items:initial}
.bridge-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.72)}
.bridge-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,35,43,.99) 0%,rgba(13,35,43,.92) 25%,rgba(13,35,43,.65) 47%,rgba(13,35,43,.12) 78%),linear-gradient(0deg,rgba(12,32,39,.94),transparent 65%)}
.bridge-copy{position:relative;max-width:680px;z-index:1}.hero-bridge .eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:2px;color:#e7d1b6;margin-bottom:26px}.bridge-dot{width:6px;height:6px;border-radius:50%;background:#d0a57b;box-shadow:0 0 0 5px #d0a57b12}
.hero-bridge h1{font-size:clamp(62px,6.5vw,96px);font-weight:550;line-height:1.03;letter-spacing:-4.5px;margin:0 0 17px;max-width:760px}.hero-bridge h1>span{color:#f5f1e7}
.bridge-promise{font-family:Georgia,serif;font-size:37px;line-height:1.2;font-style:italic;letter-spacing:-1px;color:#e2c3a1;margin:0 0 25px}
.hero-bridge .lead{color:#e1e6e0;font-size:14px;line-height:1.85;margin-bottom:28px;max-width:440px}
.hero-bridge .hero-actions{gap:12px;align-items:stretch}.hero-bridge .btn{min-height:52px;padding:16px 22px;gap:34px;font-size:12px;background:#bd543e;border:1px solid #bd543e}.hero-bridge .btn:hover{background:#a14432;border-color:#a14432}.hero-bridge .bridge-enquiry{background:transparent;border-color:#f6f3e77a}.hero-bridge .bridge-enquiry:hover{background:#ffffff15;border-color:#fff}
.country-bridge{position:absolute;right:6%;bottom:132px;width:365px;color:#f7f7ec}.country-overline{font-size:8px;letter-spacing:1.8px;margin:0 0 2px;color:#e3d5bf;text-align:center}.connection-arc{width:100%;height:75px;display:block;margin-bottom:3px}.country-pair{display:grid;grid-template-columns:1fr 32px 1.25fr;align-items:center;gap:9px}.country-pair>div:last-child{text-align:right}.country-pair img{display:block;border-radius:2px;box-shadow:0 1px 10px #0002;margin-bottom:10px}.country-pair>div:last-child img{margin-left:auto}.country-pair strong{font-family:'Manrope',sans-serif;font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.2;display:block}.country-pair>div>span{display:block;font-size:6px;letter-spacing:1px;white-space:nowrap;margin-top:10px;color:#ced8d2}.country-cross{font-size:21px;color:#e2c3a1;font-weight:300;text-align:center;margin-top:5px}
.bridge-bottom{position:absolute;left:6%;right:6%;bottom:0;min-height:70px;border-top:1px solid #dfebe52e;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#cbd5cf;font-size:8px;letter-spacing:1.1px}.bridge-bottom>span{display:flex;align-items:center;gap:14px}.bridge-bottom i{height:11px;width:1px;background:#cbd5cf6b}.bridge-bottom>a{display:flex;align-items:center;gap:20px;min-height:44px}.bridge-bottom>a span{font-size:18px;color:#e2c3a1}
@media(min-width:1600px){.hero-bridge{min-height:740px;padding-top:90px}.country-bridge{bottom:150px}}
@media(max-width:1100px) and (min-width:761px){.hero-bridge{padding-left:5%;padding-right:5%;min-height:640px}.hero-bridge h1{font-size:72px}.bridge-promise{font-size:31px}.country-bridge{right:5%;width:300px;bottom:120px}.country-pair strong{font-size:24px}.country-pair>div>span{font-size:5px;letter-spacing:.8px}.bridge-bottom{left:5%;right:5%}.bridge-copy{max-width:550px}.hero-bridge .lead{max-width:400px}.bridge-wash{background:linear-gradient(90deg,#0d232bf5,#0d232be0 30%,#0d232b78 62%,#0d232b26),linear-gradient(0deg,#0c2027ed,transparent 70%)}}
@media(max-width:760px){
.hero-bridge{min-height:0;padding:32px 22px 0;display:flex;flex-direction:column;gap:0}.bridge-photo{object-position:62% center;filter:saturate(.65)}.bridge-wash{background:linear-gradient(180deg,#0d232bf5 0%,#0d232bda 42%,#0d232b55 67%,#0d232bf7 100%),linear-gradient(90deg,#0d232b80,transparent)}
.hero-bridge .eyebrow{font-size:7px;letter-spacing:1.5px;gap:10px;margin:0 0 23px}.hero-bridge h1{font-size:clamp(42px,12vw,62px);font-weight:550;letter-spacing:-2.5px;line-height:1.06;margin:0 0 15px}.hero-bridge h1 span{display:inline;white-space:nowrap}.bridge-promise{font-size:27px;letter-spacing:-.7px;margin-bottom:19px;line-height:1.25}.hero-bridge .lead{font-size:13px;line-height:1.85;max-width:400px;margin-bottom:23px}.hero-bridge .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-bridge .btn{font-size:11px;min-height:50px;padding:14px 12px;gap:9px;white-space:nowrap;letter-spacing:0}.hero-bridge .btn span{font-size:17px}
.country-bridge{position:relative;right:auto;bottom:auto;width:100%;max-width:380px;align-self:center;margin:38px 0 25px}.country-overline{font-size:6px;letter-spacing:1.3px}.connection-arc{height:54px;margin-bottom:0}.country-pair{grid-template-columns:1fr 24px 1.4fr;gap:6px}.country-pair img{width:30px;height:20px;margin-bottom:8px}.country-pair strong{font-size:25px;letter-spacing:-.6px}.country-pair>div>span{font-size:5px;letter-spacing:.65px;margin-top:7px}.country-cross{font-size:20px}
.bridge-bottom{position:relative;left:auto;right:auto;bottom:auto;min-height:56px;gap:12px;margin-top:0;width:100%;font-size:6px;letter-spacing:.6px}.bridge-bottom>span{gap:8px}.bridge-bottom>a{font-size:0;gap:0}.bridge-bottom>a span{font-size:21px;min-width:40px;text-align:right}.bridge-bottom i{height:9px}
.hero-bridge+.valuebar{font-size:9px;grid-template-columns:1fr 1fr;gap:15px 8px;background:#f0f0e8;padding-top:22px;padding-bottom:22px}.hero-bridge+.valuebar span{line-height:1.7}
}
@media(max-width:359px){.hero-bridge{padding-left:20px;padding-right:20px}.hero-bridge h1{font-size:42px;letter-spacing:-2.5px}.bridge-promise{font-size:24px}.hero-bridge .eyebrow{font-size:6px;letter-spacing:1.15px}.hero-bridge .btn{font-size:10px;padding:13px 9px;gap:5px}.country-pair strong{font-size:23px}.country-pair>div>span{font-size:4.5px;letter-spacing:.4px}}

/* Drawn interface icons: independent of Unicode/emoji presentation on iOS. */
.hero-bridge .hero-actions .cta-icon{display:block;width:20px;height:20px;flex:0 0 20px;overflow:visible;pointer-events:none;vertical-align:middle}
@media(max-width:760px){.hero-bridge .hero-actions .btn{-webkit-appearance:none;appearance:none;border-radius:3px;align-items:center;text-align:left;line-height:1.2}.hero-bridge .hero-actions .cta-icon{width:19px;height:19px;flex-basis:19px}}