/* ============================================================
   HENOQ — automatisation.css
============================================================ */

/* ══ EXEMPLES ══ */
#auto-exemples {
  padding: 100px 0;
  background: var(--offwhite);
}

.auto-exemples-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 3rem;
}

.auto-exemple {
  border: 1px solid var(--border);
  padding: 2.4rem;
  transition: border-color .25s;
}
.auto-exemple:hover { border-color: rgba(89,49,55,.3); }

.auto-exemple-tag {
  display: block;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--maroon);
  opacity: .7;
  margin-bottom: .8rem;
}

.auto-exemple h3 {
  font-family: var(--condensed);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--dark);
  margin-bottom: .6rem;
}

.auto-exemple p {
  font-size: .88rem;
  font-weight: 300;
  line-height: 1.65;
  color: rgba(47,47,47,.6);
}

@media (max-width: 768px) {
  .auto-exemples-grid { grid-template-columns: 1fr; }
}