:root{
  /* couleurs principales */
  --charbon:#0A0908;
  --charbon-clair:#141312;
  --acier:#3A3E42;
  --acier-clair:#5C6169;
  --blanc-casse:#E8E4DD;

  /* couleurs secondaires */
  --rouille:#B85C2E;
  --jaune-ind:#C9A227;
  --rouge-sombre:#5C1A1A;

  /* typo */
  --font-display:'Oswald', sans-serif;
  --font-body:'Inter', sans-serif;

  /* rythme */
  --section-pad-y: clamp(64px, 10vw, 140px);
  --container-max: 1180px;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  background:var(--charbon);
  color:var(--blanc-casse);
  font-family:var(--font-body);
  line-height:1.6;
}

.container{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 24px;
}

.eyebrow{
  font-family:var(--font-display);
  font-size:12px;
  letter-spacing:0.35em;
  text-transform:uppercase;
  color:var(--rouille);
}

.section-title{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(32px, 4vw, 52px);
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:var(--blanc-casse);
  line-height:1.05;
}

.btn{
  font-family:var(--font-display);
  font-size:13px;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  padding:16px 36px;
  border-radius:2px;
  cursor:pointer;
  transition:all 0.25s ease;
  border:1px solid transparent;
  display:inline-block;
}
.btn-primary{background:var(--blanc-casse); color:var(--charbon);}
.btn-primary:hover{background:var(--jaune-ind);}
.btn-secondary{background:transparent; color:var(--blanc-casse); border-color:rgba(232,228,221,0.35);}
.btn-secondary:hover{border-color:var(--blanc-casse); background:rgba(232,228,221,0.06);}

@keyframes fadeUp{
  from{opacity:0; transform:translateY(18px);}
  to{opacity:1; transform:translateY(0);}
}

.reveal{
  opacity:0;
}
.reveal.is-visible{
  animation:fadeUp 0.8s ease forwards;
}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1; animation:none;}
}