/* =====================================================================
   BX3 KONTAK - judul kiri (ikut menempel saat digulir), kartu kontak krem 2 x 2 di kanan. HP: judul di atas,
   kartu bertumpuk. Kartu: ikon oranye, label kapital, kalimat, nilai besar (nomor / email / alamat), link aksi.
   Kartu sendiri tidak bisa diklik & tanpa efek hover; hanya link aksi (dan link kedua) yang bisa diklik.
   ===================================================================== */

.bx3.bx3-ct{--bx3-max:var(--bx3-wide);display:block;background:var(--bx3-white);padding:var(--bx3-sec-y) var(--bx3-pad-x)}
.bx3.bx3-ct--cream{background:var(--bx3-cream)}
.bx3 .bx3-ct__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,5vw,96px);align-items:start;max-width:var(--bx3-max);margin:0 auto}
.bx3.bx3-ct--nohead .bx3-ct__in{grid-template-columns:minmax(0,1fr)}
.bx3 .bx3-ct__head{position:sticky;top:calc(var(--bx3-nav-h) + 32px);display:flex;flex-direction:column;align-items:flex-start}
.bx3 .bx3-ct__head .bx3-text{max-width:20em}
.bx3 .bx3-ct__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}

/* ---------- Kartu ---------- */
.bx3 .bx3-ct__card{display:flex;flex-direction:column;min-width:0;min-height:clamp(240px,20vw,300px);padding:clamp(24px,2.4vw,40px);border-radius:var(--bx3-r);background:var(--bx3-cream)}
.bx3.bx3-ct--cream .bx3-ct__card{background:var(--bx3-white)}
.bx3 .bx3-ct__icon{display:block;width:clamp(30px,2.6vw,38px);height:clamp(30px,2.6vw,38px);color:var(--bx3-orange)}
.bx3 .bx3-ct__icon svg{width:100%;height:100%;fill:currentColor}
.bx3 .bx3-ct__label{margin-top:clamp(24px,2.4vw,40px);font-size:var(--bx3-fs-sm);font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--bx3-ink)}
.bx3 .bx3-ct__desc{margin-top:6px;font-size:var(--bx3-ts,var(--bx3-fs-sm));line-height:1.7;color:var(--bx3-ink-soft)}
.bx3 .bx3-ct__bottom{margin-top:auto;padding-top:clamp(24px,2.4vw,36px)}
.bx3 .bx3-ct__value{font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.005em;color:var(--bx3-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bx3 .bx3-ct__value--long{font-size:clamp(1.0625rem,1.45vw,1.5rem);white-space:normal;overflow-wrap:anywhere}
.bx3 .bx3-ct__addr{max-width:26em;font-size:var(--bx3-fs-body);line-height:1.7;color:var(--bx3-ink)}
.bx3 .bx3-ct__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px}
.bx3 a.bx3-ct__link[href]{display:inline-flex;align-items:center;gap:8px;font-size:var(--bx3-fs-sm);font-weight:700;line-height:1.4;color:var(--bx3-ink)}
.bx3 a.bx3-ct__link[href]:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.bx3 .bx3-ct__go{display:block;width:14px;height:14px;color:var(--bx3-orange)}
.bx3 .bx3-ct__go svg{width:100%;height:100%}
.bx3 a.bx3-ct__more[href]{font-size:var(--bx3-fs-sm);line-height:1.4;color:var(--bx3-ink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bx3-line-btn)}
.bx3 a.bx3-ct__more[href]:is(:hover,:focus-visible){color:var(--bx3-ink);text-decoration:underline;text-decoration-color:currentColor}

@media (max-width:1100px){
  .bx3 .bx3-ct__value{white-space:normal}
}
@media (max-width:899px){
  .bx3 .bx3-ct__in{grid-template-columns:minmax(0,1fr);gap:40px}
  .bx3 .bx3-ct__head{position:static}
}
@media (max-width:599px){
  .bx3 .bx3-ct__grid{grid-template-columns:minmax(0,1fr)}
  .bx3 .bx3-ct__card{min-height:0}
}