/* =========================================================
   CAREERS PAGE — FEATURED STRIP
   Two stacked rows of wide split cards: image on one side,
   text on the other, separated by hairlines.
   ========================================================= */

.iki-featured {
  background: #ffffff;
  padding: clamp(40px, 5vw, 70px) 0;
}

.iki-featured .iki-section-head {
  margin-bottom: clamp(20px, 2.5vw, 32px);
}

.iki-featured-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 1.6vw, 20px);
}

/* ---------- Card ---------- */

.iki-feature-card {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: stretch;

  background: #ffffff;
  border: 1px solid var(--iki-line);
  border-radius: 20px;
  overflow: hidden;

  text-decoration: none;
  color: inherit;

  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* alternate the image side on every other row */
.iki-feature-card:nth-child(even) {
  grid-template-columns: 1.1fr 0.9fr;
}

.iki-feature-card:nth-child(even) .iki-feature-media {
  order: 2;
}

.iki-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(7, 20, 61, 0.14);
}

/* ---------- Media ---------- */

.iki-feature-media {
  min-height: clamp(150px, 17vw, 210px);
  background-size: cover;
  background-position: center;
}

.iki-feature-media--1 { background-image: url("../../assets/new/313.jpg"); }
.iki-feature-media--2 { background-image: url("../../assets/new/314.jpg"); }
.iki-feature-media--3 { background-image: url("../../assets/new/315.jpg"); }
.iki-feature-media--4 { background-image: url("../../assets/new/312.jpg"); }

/* ---------- Body ---------- */

.iki-feature-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  padding: clamp(20px, 2.6vw, 36px) clamp(20px, 2.6vw, 40px);
}

.iki-feature-type {
  display: inline-block;

  font-family: "Inter", sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  color: var(--iki-cyan);
  margin-bottom: 10px;
}

.iki-feature-name {
  font-family: "Geist", "Inter", sans-serif;
  font-size: clamp(19px, 2vw, 26px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.03em;

  color: var(--iki-ink);
  margin: 0 0 10px;
  max-width: 22ch;
}

.iki-feature-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;

  color: var(--iki-muted);
  margin: 0 0 16px;
  max-width: 52ch;
}

/* ---------- Explore link ---------- */

.iki-feature-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  font-weight: 600;

  color: var(--iki-deep);

  transition: color 0.25s ease;
}

.iki-feature-more span {
  transition: transform 0.25s ease;
}

.iki-feature-card:hover .iki-feature-more {
  color: var(--iki-cyan);
}

.iki-feature-card:hover .iki-feature-more span {
  transform: translateX(4px);
}

/* ---------- Responsive ---------- */

@media (max-width: 820px) {
  .iki-feature-card,
  .iki-feature-card:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .iki-feature-card:nth-child(even) .iki-feature-media {
    order: 0;
  }

  .iki-feature-media {
    min-height: 200px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iki-feature-card,
  .iki-feature-more,
  .iki-feature-more span {
    transition: none;
  }
}