/* ============================================================
   HASMAN — assets/css/pages/competencies.css
   ============================================================ */

.competencies-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
}

/* AI feature block */
.ai-feature-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-8);
  margin-bottom: var(--sp-16);
}
.ai-feature-block:nth-child(even) { direction: rtl; }
.ai-feature-block:nth-child(even) > * { direction: ltr; }

.ai-feature__illustration {
  border-radius: var(--radius-xl);
  background: var(--grad-navy);
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.ai-feature__sub-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin: var(--sp-4) 0;
}

/* Swiper carousel (partnerships) */
.swiper-partner { margin-top: var(--sp-10); }
.partner-logo-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: var(--sp-4);
  border-radius: var(--radius-md);
  background: var(--color-white);
  border: 1px solid var(--color-border);
  transition: box-shadow var(--duration-fast), transform var(--duration-fast) var(--ease-spring);
}
.partner-logo-slide:hover {
  box-shadow: var(--shadow-md);
  transform: scale(1.05);
}
.partner-logo-slide img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
  filter: grayscale(0.4);
  transition: filter var(--duration-fast);
}
.partner-logo-slide:hover img { filter: none; }

@media (max-width: 1023px) {
  .competencies-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-feature-block  { grid-template-columns: 1fr; }
  .ai-feature-block:nth-child(even) { direction: ltr; }
}
@media (max-width: 639px) {
  .competencies-grid { grid-template-columns: 1fr; }
}