/* ─────── RISK CARDS (global bileşen) ───────
   Numaralı paper kart grid'i: dev gold numara + alt başlık + metin, 4 kolon.
   Kullanım: ana sayfa .risk süreci, faaliyet detay .scope kapsamı.
   Giriş animasyonu animations.js'te global, örnek başına tetikleyicili. */
.risk-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.risk-step{
  background:var(--paper);
  border-radius:24px;
  padding:44px 36px 48px;
  min-width:0;
  color:var(--ink);
  transition:background .38s ease, transform .38s ease, box-shadow .38s ease;
  display:flex;
  flex-direction:column;
}
/* GSAP giriş tween'i oynarken transform transition kapatılır (çakışıp kartları kaydırıyor);
   tween bitince sınıf kalkar, hover her durumda yumuşak kalır */
.risk-steps.is-entering .risk-step{
  transition:background .38s ease;
}
.risk-step:hover{
  background:var(--cream);
  transform:translateY(-10px);
  box-shadow:0 26px 50px -28px rgba(18,18,18,0.22);
}
/* Paper zeminli panellerde (clip'li alan) beyaz kart varyantı — hover'da renk sabit, kalkma + gölge kalır */
.risk-steps--white .risk-step,
.risk-steps--white .risk-step:hover{background:var(--white)}
.risk-num{
  font-family:var(--sans);
  font-weight:600;
  font-size: 72px;
  line-height:1;
  color:var(--gold);
  display:block;
  margin-bottom:78px;
}
.risk-title{
  font-family:var(--sans);
  font-weight:600;
  font-size:26px;
  line-height:1.15;
  flex-shrink:0;
}
.risk-body{
  font-size:16px;
  line-height:1.68;
  color:var(--ink-soft);
  margin-top:16px;
}