/* ── FEATURES STRIP (css/features.css) ───────────────────── */

.kn-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(201,168,76,0.12);
  border-bottom: 1px solid rgba(201,168,76,0.12);
  position: relative; z-index: 1;
}

.kn-feature {
  padding: 48px 40px;
  border-right: 1px solid rgba(201,168,76,0.12);
  text-align: center;
  transition: background var(--kn-transition);
}
.kn-feature:last-child { border-right: none; }
.kn-feature:hover { background: rgba(26,61,43,0.25); }

.kn-feature__icon {
  font-size: 1.6rem;
  margin-bottom: 16px;
  color: var(--kn-gold);
  display: block;
}
.kn-feature__title {
  font-family: 'Cinzel', serif;
  font-size: 0.7rem;
  letter-spacing: 0.25em;
  color: var(--kn-gold-light);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.kn-feature__text {
  font-size: 0.82rem;
  color: var(--kn-text-dim);
  line-height: 1.7;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .kn-features { grid-template-columns: 1fr; }
  .kn-feature { border-right: none; border-bottom: 1px solid rgba(201,168,76,0.12); }
  .kn-feature:last-child { border-bottom: none; }
}