/* Jompom About CTA: dotted sun card with a 3D arrow. */
.jp-abt-cta{background:var(--light);color:var(--ink);padding:110px 0}
.jp-abt-cta .cta-card{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center;background:var(--sun);border:3px solid var(--ink);border-radius:40px;box-shadow:10px 10px 0 var(--ink);padding:70px 60px;overflow:hidden}
.jp-abt-cta .cta-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,29,30,.12) 1.6px,transparent 1.8px);background-size:26px 26px;pointer-events:none}
.jp-abt-cta .cta-card > *{position:relative}
.jp-abt-cta h2{color:var(--ink);font-size:clamp(44px,6.4vw,90px)}
.jp-abt-cta p{color:var(--ink);font-size:18px;font-weight:500;margin:20px 0 30px;max-width:28em}
.jp-abt-cta .ab-actions{display:flex;gap:16px;flex-wrap:wrap}
.jp-abt-cta .btn{white-space:normal;text-align:left}
.jp-abt-cta .scene{width:min(320px,100%)}

@media (max-width:980px){
  .jp-abt-cta .cta-card{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .jp-abt-cta .cta-card{padding:46px 22px}
}