
html{overflow-x:clip}
.pleine{width:100vw;margin-left:calc(50% - 50vw);
  --gut:max(clamp(20px,4.5vw,64px),calc((100vw - var(--page-large,1560px))/2))}
.claim{padding:calc(clamp(80px,13vh,170px) * var(--eh,1)) var(--gut) calc(clamp(80px,13vh,170px) * var(--eb,1));display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:clamp(30px,6vw,80px);align-items:center}
.claim h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(36px,6.4vw,104px);letter-spacing:-.05em;line-height:.86;margin:0}

.claim h2 em{font-style:italic;font-weight:400}
.claim.cl-acc-charte1 h2 em{color:var(--ch1)}
.claim.cl-acc-charte2 h2 em{color:var(--ch2)}
.claim.cl-acc-charte3 h2 em{color:var(--ch3)}
.claim.cl-acc-charte4 h2 em{color:var(--ch4)}
.claim .side{display:flex;flex-direction:column;gap:20px}
.claim .side p{font-size:clamp(15px,1.5vw,18px);color:var(--mute);line-height:1.55;
  max-width:34ch;margin:0}

.cl-btn{display:inline-flex;align-items:center;align-self:flex-start;margin-top:8px;border-radius:var(--btn-r,30px);
  background:var(--ink);color:var(--fond,#FCF7EE);padding:18px 32px;font-size:var(--t-sm,13px);font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .18s}
.cl-btn:hover{transform:translate(2px,-2px)}
@media(max-width:860px){.claim{grid-template-columns:1fr}.cl-btn{padding:16px 24px}}
@media(max-width:560px){.cl-btn{padding:15px 18px;letter-spacing:.09em;font-size:12px;white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.cl-btn:hover{transform:none}}

.appelfin{padding:calc(clamp(40px,7vh,90px) * var(--eh,1)) var(--gut,0px) calc(clamp(40px,7vh,90px) * var(--eb,1))}
.af-carte{background:var(--c,#101014);color:var(--ctx,#fff);border-radius:28px;
  padding:clamp(36px,4.5vw,64px) clamp(26px,4.5vw,68px);display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;overflow:hidden}
.af-carte.af-noir{background:#101014;color:#fff}
.af-carte.af-fond{background:var(--sec-f);color:var(--sec-t)}
.af-sur{display:block;font-family:var(--f-sur),cursive;font-size:clamp(24px,2.2vw,30px);color:var(--ch2);
  line-height:1;margin-bottom:8px}
.af-carte.fond-charte2 .af-sur{color:inherit}
.af-carte h2{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-.02em;color:inherit;margin:0 0 18px}
.af-carte h2 em{font-style:italic;font-weight:400}
.appelfin.cl-acc-charte1 h2 em{color:var(--ch1)}
.appelfin.cl-acc-charte2 h2 em{color:var(--ch2)}
.appelfin.cl-acc-charte3 h2 em{color:var(--ch3)}
.appelfin.cl-acc-charte4 h2 em{color:var(--ch4)}
.af-carte p{font-size:clamp(15px,1.3vw,18px);line-height:1.5;opacity:.86;margin:0 0 10px;max-width:46ch}
.af-btn{display:inline-flex;align-items:center;gap:12px;margin-top:18px;background:var(--ch2);color:var(--ink);
  text-decoration:none;font-weight:800;font-size:var(--t-sm,13px);letter-spacing:.14em;text-transform:uppercase;
  padding:17px 28px;border-radius:var(--btn-r,30px);transition:transform .18s}
.af-btn:hover{transform:translate(2px,-2px)}
.af-carte.fond-charte2 .af-btn{background:var(--ink);color:#fff}
.af-btn span{font-family:var(--f-titres),serif;font-weight:600;text-transform:none;letter-spacing:0;font-size:18px;
  border-left:1px solid currentColor;padding-left:12px}
.af-carte.af-seul{grid-template-columns:minmax(0,1fr)}
.af-ph img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}

@media(min-width:861px){
  .af-carte{padding:0;gap:0;align-items:stretch}
  .af-txt{padding:clamp(36px,4.5vw,64px) clamp(26px,4.5vw,68px);align-self:center}
  .af-ph{position:relative;min-height:260px}
  .af-ph img{position:absolute;inset:0;height:100%;object-fit:cover;filter:none}
}
@media(max-width:860px){.af-carte{grid-template-columns:minmax(0,1fr);gap:28px}.af-ph{order:-1}}
@media(max-width:560px){.af-btn{padding:15px 18px;letter-spacing:.09em;font-size:12px;white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.af-btn:hover{transform:none}}
