/****************************************
 * Page 404 — XW Conseil
 ****************************************/

.section-404 {
  min-height: calc(100vh - 220px);
  display: flex;
  align-items: center;
}

.code-404 {
  font-family: var(--ff-title);
  font-size: 4.5rem;
  color: var(--c-accent-6);
  margin: 0 0 0.5rem;
}

.section-404 h1 {
  font-size: 2rem;
  margin-bottom: 0.8rem;
}

.text-404 {
  max-width: 540px;
  margin: 0 auto 1.6rem;
  font-size: 1.02rem;
}

.actions-404 {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .code-404 {
    font-size: 3.5rem;
  }
}