/* Page 404 et page d’orientation QR. */
.perret-404-actions,
.perret-links-page {
  padding:5rem 6%
}
.perret-404-actions h2,
.perret-links-page h2 {
  margin:0 0 2rem;
  font:400 clamp(2.2rem,4vw,4rem)/.96 Georgia,serif;
  letter-spacing:-.035em
}
.perret-button-secondary {
  border:1px solid var(--ink)!important;
  background:transparent!important;
  color:var(--ink)!important
}
.perret-links-page {
  max-width:70rem;
  margin:0
}
.perret-links-grid {
  border-top:.25pt solid var(--line)
}
.perret-links-grid a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.5rem 0;
  border-bottom:.25pt solid var(--line);
  font:400 clamp(1.5rem,3vw,2.8rem)/1 Georgia,serif;
  text-decoration:none
}
.perret-links-grid a::after {
  content:"→"
}
@media(max-width:700px) {
  .perret-404-hero h1 {
    font-size:clamp(3.75rem,18.5vw,4.5rem)
  }
  .perret-404-actions,
  .perret-links-page {
    padding:3rem 1.25rem
  }
  .perret-404-actions .actions {
    flex-direction:column;
    align-items:stretch;
    gap:.75rem
  }
  .perret-404-actions .button {
    text-align:center
  }
}