@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap");

.explore-koble {
  background: #8DAE57;
  padding: 48px 0 110px;
  font-family: var(--koble-font, 'Hanken Grotesk', Arial, sans-serif);
  -webkit-font-smoothing: antialiased;
}

.ek__container {
  width: min(1380px, 100% - 48px);
  margin-inline: auto;
}

.ek__heading {
  font-size: clamp(1.7rem, 2.5vw, 2.35rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: #19352B;
  margin: 0 0 32px;
}

.ek__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.ek__card {
  background: #ffffff;
  border-radius: 16px;
  padding: 34px 32px 36px;
  display: flex;
  flex-direction: column;
}

.ek__card-title {
  font-size: 1.12rem;
  font-weight: 800;
  color: #19352B;
  margin: 0 0 20px;
  line-height: 1.3;
}

.ek__card-body {
  font-size: 0.93rem;
  color: #5C6B64;
  line-height: 1.75;
  margin-bottom: 26px;
}

.ek__link {
  margin-top: auto;
  color: #6E8B3D;
  font-size: 0.93rem;
  font-weight: 800;
  text-decoration: none;
}

.ek__link:hover {
  text-decoration: underline;
  color: #6E8B3D;
}

@media (max-width: 1100px) {
  .ek__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .explore-koble { padding: 40px 0 76px;