/* Page Le Pendule */
.mats{margin-bottom:3rem}
.origin{max-width:62ch;margin-bottom:3rem}
.origin p{font:500 clamp(1.35rem,2.2vw,1.75rem)/1.4 var(--serif);color:var(--paper);margin:0}
.duo2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.duo2 img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}

.mouv{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:3rem}
.mouv .tirage{padding:1.5rem 1.25rem}
.mouv .tirage h3{font-size:1.4rem}
.mouv .tirage p{font-size:.92rem}

.uses li p{font-size:.95rem}

.emploi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem)}
.num-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:0}
.num-steps li{counter-increment:s;display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;padding:1.25rem 0;border-top:1px solid var(--line)}
.num-steps li::before{content:counter(s);grid-row:span 2;font:italic 500 2rem/1 var(--serif);color:var(--gold)}
.num-steps strong{font-weight:600}
.num-steps span{color:var(--paper-dim);font-size:.95rem}

.qa{display:grid;gap:.9rem;margin-top:2rem}
.q{margin:0;padding:1.1rem 1.25rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.q span{display:block;font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;color:var(--paper-dim)}
.q em{font:italic 500 1.3rem/1.35 var(--serif);color:var(--paper)}
.q.good{border-color:rgba(212,172,95,.55)}
.q.good span{color:var(--gold)}

.care li{padding-left:1.4rem}
.care strong{color:var(--gold-2);font-weight:600}
.soi .plain.care{margin-top:1.5rem;gap:1rem}

@media (max-width:900px){
  .mouv{grid-template-columns:1fr 1fr}
  .emploi{grid-template-columns:1fr}
  .duo2{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mouv{grid-template-columns:1fr}
}