.ap { background:var(--indigo); }
.ap main { padding-top:0; }
.ap-banner { display:block; min-height:400px; }
.ap-banner>.cx-wrap { width:100%; position:relative; z-index:1; }
.ap-banner .tf-sommaire a { display:inline-flex; align-items:center; min-height:44px; }
.ap-letter[id], .ap-letter-text h3[id] { scroll-margin-top:24px; }
.ap-letter { padding:65px 0 72px; background:linear-gradient(120deg,#ede8fd,#e4dff9); }
.ap-letter-column { max-width:860px; }
.ap-letter-heading { position:relative; padding-right:165px; margin-bottom:32px; }
.ap-kicker { color:var(--violet); font-size:14px; font-weight:700; margin-bottom:22px!important; }
.ap-letter-heading h2 { color:var(--encre); font-size:clamp(32px,3.15vw,45px); font-weight:800; line-height:1.12; letter-spacing:-.03em; text-wrap:balance; }
.ap-heading-decoration { position:absolute; right:0; bottom:0; width:150px; height:105px; }
.ap-heading-decoration img { position:absolute; width:85px; height:85px; right:0; top:0; transform:rotate(-7deg); animation:cx-flotte 3.6s ease-in-out infinite; }
.ap-letter-text { border-left:3px solid #a693ed; padding-left:32px; position:relative; }
.ap-letter-text p { color:#424360; font-size:15px; line-height:1.85; text-wrap:pretty; margin:0 0 18px; }
.ap-letter-text blockquote { margin:0 0 24px; }
.ap-letter-text blockquote p { font-family:var(--titre); font-size:25px; line-height:1.45; font-weight:600; color:var(--encre); }
.ap-letter-text h3 { color:#36265e; font-size:20px; font-weight:600; line-height:1.4; margin:29px 0 12px; text-wrap:balance; }
.ap-signature { display:flex; align-items:center; gap:12px; margin-top:29px; padding-top:21px; border-top:1px solid #c8bde2; }
.ap-signature-badge { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid #ac9ce0; border-radius:50%; background:#d6cef3; color:#4c3b96; font-family:var(--titre); font-weight:800; }
.ap-signature strong { display:block; font-size:15px; }
.ap-signature div>span { display:block; font-size:12px; color:#595973; margin-top:4px; }
@media(max-width:1000px) { .ap-letter-heading h2 { font-size:35px; } .ap-letter-text { padding-left:25px; } }
@media(max-width:700px) { .ap-letter { padding:33px 0 45px; } .ap-letter-heading { padding:0; margin-bottom:27px; } .ap-letter-heading h2 { font-size:clamp(33px,7.7vw,43px); } .ap-kicker { font-size:13px; margin-bottom:16px!important; padding-right:65px; } .ap-heading-decoration { right:0; top:0; bottom:auto; width:54px; height:54px; } .ap-heading-decoration img { width:54px; height:54px; } .ap-letter-text { padding-left:20px; } .ap-letter-text blockquote p { font-size:23px; } .ap-letter-text h3 { font-size:20px; margin-top:26px; } .ap-letter-text p { font-size:15px; } }
@media(max-width:360px) { .ap .cx-wrap { padding-left:19px; padding-right:19px; } .ap-letter-heading h2 { font-size:32px; } .ap-heading-decoration { display:none; } .ap-letter-text { padding-left:17px; } .ap-letter-text blockquote p { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { .ap *,.ap *::before,.ap *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(max-width:700px) { .ap-banner { min-height:340px; } }