.metier__tete{ padding-block:calc(var(--respire) + 4rem) var(--respire); }
.metier__titre{
  font-family:var(--titre); font-weight:300;
  font-size:clamp(2.3rem,1.6rem + 2.8vw,3.8rem);
  line-height:1.12; letter-spacing:-.01em;
  max-width:20ch; margin:0 0 2rem; color:var(--creme);
  text-wrap:balance;
}
.metier__scene{
  max-width:58ch; margin:0 0 1.1rem;
  font-size:clamp(1.02rem,1rem + .3vw,1.18rem); line-height:1.75; color:var(--gris);
}
.metier__scene strong{ color:var(--creme); font-weight:400; }
.metier__actions{ display:flex; flex-wrap:wrap; gap:1rem 1.5rem; margin-top:2.5rem; }

.metier__liste{ list-style:none; margin:0; padding:0; display:grid; gap:1.6rem; max-width:62ch; }
.metier__liste li{ position:relative; padding-left:1.6rem; color:var(--gris); line-height:1.75; }
.metier__liste li::before{
  content:""; position:absolute; left:0; top:.85em;
  width:9px; height:1px; background:var(--or);
}
.metier__liste strong{ display:block; color:var(--creme); font-weight:500; margin-bottom:.15rem; }

.section .metier__limite{
  margin-top:clamp(2.5rem,5vw,3.5rem); max-width:62ch;
  border-left:1px solid var(--or); padding-left:1.5rem;
  color:var(--gris); line-height:1.75;
}
.metier__limite strong{ color:var(--creme); font-weight:500; }

.section .metier__chiffre{
  margin-top:clamp(2.5rem,5vw,4rem);
  border:1px solid var(--trait);
  padding:clamp(1.5rem,4vw,2.5rem);
  max-width:62ch;
}
.metier__chiffre p{ margin:0 0 1rem; color:var(--gris); line-height:1.75; }
.metier__chiffre p:last-child{ margin-bottom:0; }
.metier__chiffre strong{ color:var(--creme); font-weight:400; }
.metier__chiffre .constat__source a{ color:var(--or); }

.metiers__liens{ list-style:none; margin:0 0 1.75rem; padding:0; display:flex; flex-wrap:wrap; gap:.6rem; }
.metiers__liens a{
  display:inline-block; padding:.45rem .8rem; border:1px solid var(--trait);
  color:var(--creme); text-decoration:none; font-size:.92rem;
  transition:border-color .2s ease, color .2s ease;
}
.metiers__liens a:hover, .metiers__liens a:focus-visible{ border-color:var(--or); color:var(--or); }

.metier__fait{ background:var(--noir-doux); }
.offre .metiers__liens li{ padding:0; margin:0; }
.offre .metiers__liens li::before{ content:none; }
