.eu-projects {
  padding: 110px clamp(22px, 7vw, 110px);
  background: linear-gradient(145deg, #eef3ff 0%, #f0fff8 48%, #fff6cf 100%);
}
.eu-projects-head {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 44px;
}
.eu-projects-head .mini-label { color: #4f46e5; }
.eu-projects-head h2 {
  margin: 8px 0 0;
  font-size: clamp(52px, 6vw, 88px);
  letter-spacing: -.06em;
}
.eu-projects-head > p { color: var(--muted); font-size: 18px; }
.eu-project-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}
.eu-project-card {
  grid-column: span 2;
  min-height: 300px;
  padding: 27px;
  border: 1px solid rgba(23,33,61,.1);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 34px rgba(23,33,61,.07);
  transition: transform .25s, box-shadow .25s;
}
.eu-project-card:hover { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(23,33,61,.13); }
.eu-project-card.featured {
  grid-column: span 4;
  background: linear-gradient(135deg, #493ee8, #176fd0 60%, #00a889);
  color: white;
}
.eu-code { font: 700 11px Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #6057e8; }
.featured .eu-code { color: #c8ffea; }
.eu-project-card h3 { font-size: 30px; margin: 34px 0 12px; }
.eu-project-card p { color: var(--muted); margin: 0; }
.eu-project-card.featured p { color: #e2ecff; max-width: 690px; font-size: 17px; }
.eu-project-card strong { display: inline-block; margin-top: 22px; color: #ffec82; }
.eu-project-card b { margin-top: auto; padding-top: 22px; color: #4f46e5; }
.eu-project-card.featured b { color: #fff; }
.infotech-news { background: linear-gradient(145deg, #3028aa, #126db5 65%, #008e76) !important; }

@media (max-width: 1000px) {
  .eu-project-grid { grid-template-columns: repeat(2, 1fr); }
  .eu-project-card, .eu-project-card.featured { grid-column: span 1; }
}
@media (max-width: 680px) {
  .eu-projects { padding: 78px 22px; }
  .eu-projects-head, .eu-project-grid { grid-template-columns: 1fr; }
  .eu-projects-head { gap: 16px; }
  .eu-project-card { min-height: 270px; }
}