/* Section "Why HK: Strategically positioned" (patterns/hk-positioned.php). */

.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.two__card{border-radius:18px;padding:clamp(28px,3.4vw,44px)}
.two__card h3{font-size:clamp(40px,4.6vw,68px);margin-bottom:18px}
.two__card p{margin:0;font-size:18px;max-width:44ch}
.two__card--af{background:var(--royal);color:#D9D6F5}
.two__card--af h3{color:#fff}
.two__card--as{background:var(--lav);border:1px solid var(--rule)}
.big-note{font-weight:800;font-stretch:80%;font-variation-settings:'wdth' 80;text-transform:uppercase;color:var(--ink);font-size:clamp(24px,2.6vw,38px);line-height:1.08;max-width:26ch;margin:clamp(44px,5vw,72px) 0 28px}
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:0;counter-reset:none}
.chain li{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;padding:20px 44px;background:var(--lav);border:1px solid var(--rule);font-weight:800;font-stretch:80%;font-variation-settings:'wdth' 80;text-transform:uppercase;color:var(--ink);font-size:clamp(18px,1.8vw,26px);line-height:1.05}
.chain li:first-child{border-radius:999px 0 0 999px}
.chain li:last-child{border-radius:0 999px 999px 0}
.chain li + li::before{content:"";position:absolute;left:-18px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 3.5 13.5 8 9 12.5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;z-index:2}
.chain .chain__hk{background:var(--tide);border-color:var(--tide);color:#110F34}

@media (max-width:980px){
  .two{grid-template-columns:1fr}
  .chain{grid-template-columns:1fr}
  .chain li,.chain li:first-child,.chain li:last-child{border-radius:14px;min-height:84px}
  .chain li + li{margin-top:22px}
  .chain li + li::before{left:50%;top:-28px;margin:0 0 0 -17px;transform:rotate(90deg)}
}