/* Pages de texte de barelvox.com (mentions légales, 404) : mêmes jetons que index.html. */
:root {
  --or: #C9A84C;
  --or-dark: #8B6914;
  --noir: #0D0D0B;
  --gris-f: #1C1C1A;
  --gris-m: #5A5A56;
  --blanc: #FDFCFA;
  --b: rgba(13,13,11,0.10);
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
body {
  font-family:'DM Sans',sans-serif; font-weight:400; line-height:1.7;
  background:var(--blanc); color:var(--noir); -webkit-font-smoothing:antialiased;
}
header { padding:1.25rem 4rem; border-bottom:0.5px solid var(--b) }
.logo { display:inline-flex; align-items:center; gap:0.75rem; text-decoration:none }
.logo img { height:26px; width:auto }
.logo span {
  font-family:'Cormorant Garamond',serif; font-size:1rem; font-weight:500;
  letter-spacing:0.14em; text-transform:uppercase; color:var(--noir);
}
main { max-width:760px; margin:0 auto; padding:4.5rem 2rem 5rem }
h1 {
  font-family:'Cormorant Garamond',serif; font-weight:400;
  font-size:clamp(2.2rem,5vw,3rem); line-height:1.1; margin-bottom:2rem;
}
h2 {
  font-family:'Cormorant Garamond',serif; font-weight:500;
  font-size:1.55rem; margin:2.75rem 0 0.75rem;
}
h3 { font-size:0.95rem; font-weight:500; margin:1.75rem 0 0.5rem }
p, li { font-size:0.95rem; color:var(--gris-f) }
p + p { margin-top:0.75rem }
ul { padding-left:1.25rem }
li + li { margin-top:0.5rem }
a { color:var(--or-dark) }
footer { background:var(--gris-f); padding:2rem 4rem; text-align:center }
footer p { font-size:0.75rem; color:rgba(253,252,250,0.45) }
footer a { color:rgba(253,252,250,0.7) }
@media(max-width:1024px) {
  header { padding:1.25rem 2rem }
  main { padding:3rem 1.25rem 4rem }
  footer { padding:2rem 1.25rem }
}