.histoire-page{--histoire-encre:#652c3e;--histoire-fond:#fff9fa}
.histoire-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding-top:80px;padding-bottom:76px}
.histoire-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.08;letter-spacing:-.035em;margin:0 0 25px}
.histoire-lead{font-size:18px;line-height:1.65;max-width:34em;color:#414141}
.histoire-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:25px 0 16px}
.histoire-actions .btn{min-height:48px;white-space:normal;max-width:100%;text-align:center}
.histoire-actions [hidden],.histoire-note[hidden]{display:none!important}
.histoire-lien{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:4px}
.histoire-note{font-size:13px;color:#666;line-height:1.6;margin:0;max-width:55em}
.histoire-note-papier{position:relative;padding:42px;background:var(--histoire-fond);border:1px solid #eadade;box-shadow:12px 12px 0 #f7f3f4;color:var(--histoire-encre)}
.histoire-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font:italic 21px/1 Georgia,serif}
.histoire-note-papier p{font:30px/1.35 Georgia,serif;letter-spacing:-.02em;margin:26px 0 20px}
.histoire-note-papier>span:not(.histoire-mark):not(.histoire-coeur){font-size:14px}
.histoire-coeur{display:block;text-align:right;font:54px/1 Georgia,serif;margin-top:30px}
.histoire-corps{max-width:920px;padding-bottom:70px}
.histoire-section{padding:50px 0;border-top:1px solid var(--line)}
.histoire-section h2,.histoire-soutien h2{font-size:clamp(25px,3.3vw,36px);line-height:1.2;letter-spacing:-.02em;margin:0 0 24px}
.histoire-section p,.histoire-soutien>p:not(.eyebrow):not(.histoire-note){color:#404040;font-size:16px;line-height:1.8;max-width:68ch}
.histoire-section .histoire-precision{font-size:13px;border-left:2px solid #d6c4c9;padding-left:16px}
.histoire-citation{margin:32px 0;padding:22px 0 22px 24px;border-left:3px solid #946273;color:var(--histoire-encre);font:italic clamp(21px,3vw,28px)/1.5 Georgia,serif}
.histoire-etapes{list-style:none;padding:0;margin:25px 0 0}
.histoire-etapes li{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}
.histoire-etapes li>span{font:italic 30px/1.4 Georgia,serif;color:var(--histoire-encre)}
.histoire-etapes h3{font-size:18px;margin:0 0 5px}.histoire-etapes p{margin:0}
.histoire-soutien{padding:40px;background:var(--histoire-fond);border:1px solid #eadade;scroll-margin-top:150px}
.histoire-soutien .btn.solid{background:var(--histoire-encre);border-color:var(--histoire-encre);color:#fff}
.histoire-soutien .btn.solid:hover{background:#47202d}
.histoire-merci{padding:50px 0 10px;max-width:65ch}.histoire-merci h2{font:28px/1.3 Georgia,serif}.histoire-merci p{color:#414141}.histoire-merci a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.histoire-page a:focus-visible{outline:3px solid #315eea;outline-offset:4px}
#idee{scroll-margin-top:150px}
@media(max-width:820px){.histoire-hero{grid-template-columns:1fr;gap:34px;padding-top:45px;padding-bottom:44px}.histoire-note-papier{padding:30px;box-shadow:6px 6px 0 #f7f3f4}.histoire-note-papier p{font-size:27px}.histoire-coeur{margin-top:12px}.histoire-section{padding:34px 0}.histoire-soutien{padding:26px}.histoire-corps{padding-bottom:44px}}
@media(max-width:430px){.histoire-hero,.histoire-corps{padding-left:20px;padding-right:20px}.histoire-hero h1{font-size:36px}.histoire-lead{font-size:16px}.histoire-soutien{padding:22px}.histoire-actions{gap:10px}.histoire-actions .btn{width:100%;padding:14px}.histoire-note-papier{padding:26px}.histoire-etapes li{gap:16px}}