/* Jompom Contact what happens next: numbered ticket stubs + dark fact tiles. */
.jp-ct-next{background:var(--light);color:var(--ink)}
.jp-ct-next{padding:70px 0 110px;overflow:hidden}
.jp-ct-next .ct-next-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:end;margin-bottom:46px}
.jp-ct-next .ct-next-head p{color:#3f4a52;font-size:17px}
.jp-ct-next .stubs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;counter-reset:stub}
.jp-ct-next .stub{--r:-1.5deg;position:relative;background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:26px 24px 24px 24px;rotate:var(--r);transition:rotate .6s var(--spring),translate .6s var(--spring)}
.jp-ct-next .stub:nth-child(2){--r:1.5deg;background:var(--sun)}
.jp-ct-next .stub:nth-child(3){--r:-1deg;background:var(--blue)}
.jp-ct-next .stub:hover{rotate:0deg;translate:0 -6px}
.jp-ct-next .stub::before{counter-increment:stub;content:counter(stub);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;font:800 24px/1 var(--jp-display);margin-bottom:16px}
.jp-ct-next .stub::after{content:"";position:absolute;left:18px;right:18px;top:92px;border-top:3px dashed rgba(28,29,30,.35)}
.jp-ct-next .stub h3{font-size:clamp(22px,2.2vw,27px);margin:24px 0 10px}
.jp-ct-next .stub p{font-size:15.5px;color:#2b3238}
.jp-ct-next .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.jp-ct-next .fact{display:flex;gap:16px;align-items:center;background:var(--ink);color:#fff;border-radius:22px;padding:20px 22px;border:3px solid var(--ink);min-width:0}
.jp-ct-next .fact .ic-box{background:var(--sun)}
.jp-ct-next .fact:nth-child(2) .ic-box{background:var(--blue)}
.jp-ct-next .fact:nth-child(3) .ic-box{background:#fff}
.jp-ct-next .fact b{display:block;font:800 clamp(20px,2vw,24px)/1.1 var(--jp-display);overflow-wrap:anywhere}
.jp-ct-next .fact span{font-size:14px;color:#c9d3da}
.jp-ct-next .fact a{text-decoration:underline;text-underline-offset:4px}
.jp-ct-next .fact a:hover{color:var(--blue)}

@media (max-width:980px){
  .jp-ct-next .ct-next-head{grid-template-columns:minmax(0,1fr)}
  .jp-ct-next .stubs,.jp-ct-next .facts{grid-template-columns:minmax(0,1fr)}
  .jp-ct-next .stub,.jp-ct-next .stub:nth-child(n){max-width:520px;width:100%}
  .jp-ct-next .stub:nth-child(2){margin-left:auto}
}
.jp-ct-next .ct-next-head h2,.jp-ct-next .stub h3{color:var(--ink)}
.jp-ct-next .stubs{margin:0;padding:0;list-style:none}
.jp-ct-next .stub:nth-child(3n+2){--r:1.5deg;background:var(--sun)}
.jp-ct-next .stub:nth-child(3n){--r:-1deg;background:var(--blue)}
.jp-ct-next .fact b,.jp-ct-next .fact a{color:#fff}