/* WEBTRUST_PREMIUM_MISSION_V1 */

.wt-mission{
  padding:82px 0 96px;
}

.wt-mission-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.wt-mission-card{
  position:relative;
  min-width:0;
  min-height:270px;
  padding:28px 24px;
  border:1px solid var(--wt-line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(52,8,20,.84),rgba(22,3,9,.96));
  box-shadow:0 20px 52px rgba(0,0,0,.22);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.wt-mission-card:hover{
  transform:translateY(-5px);
  border-color:var(--wt-line-strong);
  box-shadow:0 28px 66px rgba(0,0,0,.30);
}

.wt-mission-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  border:1px solid rgba(218,170,66,.48);
  border-radius:50%;
  color:var(--wt-gold-light);
  background:rgba(218,170,66,.05);
  font-size:23px;
}

.wt-mission-number{
  position:absolute;
  top:25px;
  right:24px;
  color:rgba(218,170,66,.48);
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:700;
}

.wt-mission-card h3{
  margin:0 0 11px;
  color:var(--wt-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.18;
}

.wt-mission-card p{
  margin:0;
  color:var(--wt-muted);
  font-size:14px;
  line-height:1.66;
}

.wt-mission-principle{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  padding:25px 28px;
  border:1px solid rgba(218,170,66,.48);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 100%,rgba(218,170,66,.08),transparent 42%),
    rgba(28,4,11,.82);
  text-align:center;
}

.wt-mission-principle span{
  color:var(--wt-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.wt-mission-principle strong{
  color:var(--wt-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,2.7vw,34px);
  line-height:1.2;
}

@media(max-width:1000px){
  .wt-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .wt-mission-grid{grid-template-columns:1fr}
  .wt-mission-card{min-height:0}
}