/* Africa/Asia "poles" used by Home: Advantage and Why HK: Advantage. */

.adv__pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-bottom:clamp(40px,5vw,64px)}
.pole{border-radius:18px;padding:clamp(28px,3.4vw,48px);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.pole--af{background:var(--royal);color:#D9D6F5}
.pole--as{background:var(--lav);color:var(--text);border:1px solid var(--rule)}
.pole h3{font-size:clamp(48px,6vw,88px)}
.pole--af h3{color:#fff}
.pole p{margin:0;font-size:17px;max-width:36ch}
.pole__dots{position:absolute;right:-20px;top:-20px;width:200px;opacity:.25}
.bridge{display:grid;place-items:center;padding:0 clamp(10px,2vw,24px)}
.bridge span{display:grid;place-items:center;width:clamp(84px,9vw,120px);height:clamp(84px,9vw,120px);border-radius:50%;background:var(--tide);color:var(--deep);font-weight:800;font-stretch:78%;font-variation-settings:'wdth' 78;font-size:clamp(24px,2.4vw,32px);letter-spacing:.04em;box-shadow:0 0 0 10px var(--paper),0 0 0 11px var(--rule);margin:0 -40px;position:relative;z-index:2}
.adv__foot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,96px)}
.adv__foot p{font-size:18px}
.adv__foot strong{color:var(--ink)}
.flows{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.flows li{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule);font-weight:800;font-stretch:80%;font-variation-settings:'wdth' 80;text-transform:uppercase;font-size:clamp(17px,1.6vw,22px);color:var(--ink);line-height:1.1}
.flows li span:last-child{text-align:right}
.flows svg{width:80px;height:14px;color:var(--violet)}
.pole--as .plain li{border-top-color:var(--rule);color:var(--ink)}
.pole--af .plain li{color:#fff}
.adv__foot .connects{font-weight:800;font-stretch:78%;font-variation-settings:'wdth' 78;text-transform:uppercase;color:var(--ink);font-size:clamp(34px,4vw,58px);line-height:1;margin:0}

@media (max-width:980px){
  .adv__foot{grid-template-columns:1fr}
  .adv__pair{grid-template-columns:1fr}
  .bridge span{margin:-30px 0}
}

@media (max-width:640px){
  .flows li{grid-template-columns:1fr 44px 1fr;font-size:16px}
  .flows svg{width:44px}
}