.cf{--cf-gap:clamp(40px, 7vw, 88px);max-width:1100px;margin:0 auto;padding:40px clamp(16px,4vw,40px) 88px}.cf h1{letter-spacing:-.035em;text-wrap:balance;margin:8px 0 16px;font-size:clamp(2rem,5vw,3.4rem);font-weight:600;line-height:1.05}.cf h1 em{font-style:normal;font-weight:300}.cf h2{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.4rem,3vw,2rem);font-weight:600}.cf h3{letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.cf p{margin:0}.cf .chapo{color:var(--mut);max-width:44rem;font-size:1.05rem}.cf .lab{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-size:.75rem;font-weight:500;display:block}.cf .mut{color:var(--mut)}.cf section{margin-top:var(--cf-gap)}.cf .puce{border:1px solid var(--lig2);border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:500;display:inline-block}.cf .puce.plein{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cf .puce.pointille{color:var(--mut);border-style:dashed}.cf .carte{border:1px solid var(--lig2);background:var(--bg);align-content:start;gap:10px;min-width:0;padding:20px 22px;display:grid}.cf .grille{gap:16px;display:grid}@media (min-width:760px){.cf .grille.deux{grid-template-columns:1fr 1fr}.cf .grille.trois{grid-template-columns:repeat(3,1fr)}}.cf dl{gap:10px;margin:0;display:grid}.cf dt{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-size:.75rem;font-weight:500}.cf dd{margin:2px 0 0}.cf .avant-apres{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf .gros{letter-spacing:-.04em;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:600;line-height:1}.cf .demo{border:1px solid var(--lig2);background:var(--bg2);gap:8px;padding:16px;display:grid}.cf .demo .trait{background:var(--lig2);height:10px}.cf .demo .trait.court{width:55%}.cf .demo .trait.moyen{width:78%}.cf .brique{border-top:1px solid var(--lig2);gap:20px;padding-top:28px;display:grid}@media (min-width:900px){.cf .brique{grid-template-columns:240px 1fr;gap:40px}}.cf .brique .nom{letter-spacing:-.035em;font-size:2rem;font-weight:600;line-height:1}.cf .brique dl{grid-template-columns:1fr}@media (min-width:640px){.cf .brique dl{grid-template-columns:1fr 1fr;gap:18px 32px}}