/* Security risks: taped, tilted warning cards. */
.jp-sec-risk{background:var(--light);color:var(--ink);padding:110px 0 100px;position:relative;overflow:hidden}
.jp-sec-risk .sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:end;margin-bottom:54px}
.jp-sec-risk .sec-head h2{color:var(--ink)}
.jp-sec-risk .sec-head p{font-size:17px;max-width:32em;color:#2e3d48}
.jp-sec-risk .risks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jp-sec-risk .risk{position:relative;border:3px solid var(--ink);border-radius:26px;padding:30px 28px 28px;box-shadow:7px 7px 0 var(--ink);background:#fff;transition:transform .6s var(--spring)}
.jp-sec-risk .risk:nth-child(3n+1){transform:rotate(-1.6deg);background:var(--sun)}
.jp-sec-risk .risk:nth-child(3n+2){transform:rotate(1.2deg);background:#fff}
.jp-sec-risk .risk:nth-child(3n){transform:rotate(-.8deg);background:var(--blue)}
.jp-sec-risk .risk:hover{transform:translateY(-6px) rotate(0)}
.jp-sec-risk .risk .tape{position:absolute;top:-14px;left:50%;width:90px;height:26px;margin-left:-45px;background:repeating-linear-gradient(135deg,var(--ink) 0 10px,var(--sun) 10px 20px);border:2px solid var(--ink);border-radius:4px;transform:rotate(-4deg)}
.jp-sec-risk .risk h3{color:var(--ink);font-size:clamp(22px,2.1vw,28px);margin:12px 0 10px}
.jp-sec-risk .risk p{font-size:15.5px;color:#22303a}
@media (max-width:1020px){
  .jp-sec-risk .sec-head,.jp-sec-risk .risks{grid-template-columns:minmax(0,1fr)}
}