:root{--ink:#163e47;--orange:#dd501f;--paper:#fff;--muted:#566b6f;--line:#dce4e5;--soft:#f3f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,3.8vw,3.5rem)}h3{font-size:1.6rem;font-weight:500}p{color:var(--muted)}.topline{background:var(--ink);color:#fff;padding:9px 5%;display:flex;justify-content:space-between;font-size:.875rem}.topline a{color:#d3e1e2}header{padding:17px 5%;display:flex;align-items:center;gap:35px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;min-width:155px}.brand-symbol{font-family:Georgia,serif;color:var(--orange);font-size:3.8rem;line-height:1}.brand small{display:block;font-size:.7rem;letter-spacing:.2em;line-height:1.2}.brand strong{font-family:Georgia,serif;font-size:2rem;line-height:1.2}nav{margin-left:auto;display:flex;gap:28px;font-size:.9rem}nav a:hover,.underlined:hover{color:var(--orange)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--orange);color:white;padding:14px 23px;border:1px solid var(--orange);font-weight:600;font-size:.95rem;border-radius:3px}.button:hover{background:#bb3e14;border-color:#bb3e14}.button.compact{padding:11px 19px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);min-height:570px}.hero-copy{padding:64px 8% 26px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:block;font-size:.75rem;font-weight:bold;letter-spacing:.15em;color:#b63e16;margin-bottom:20px}.eyebrow.light{color:#f6b499}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.7rem,4.4vw,4.5rem);color:white}h1 em{font-weight:400;color:#ffc2a6}.hero p{font-size:1.1rem;color:#d2e0e2;max-width:490px;margin-top:25px}.hero-buttons{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.text-link{color:white;font-size:.9rem;border-bottom:1px solid #719096;padding-bottom:4px}.hero-foot{border-top:1px solid #42626a;margin-top:48px;padding-top:19px;width:100%;display:flex;justify-content:space-between;gap:20px;color:#bdcfd2;font-size:.75rem}.hero-foot span:first-child{letter-spacing:.12em}.hero-photo{position:relative;overflow:hidden;min-height:520px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102d3799)}figcaption{position:absolute;z-index:1;bottom:24px;left:28px;color:white;font-size:.875rem}.pledge{padding:30px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.pledge>span{font-size:.75rem;letter-spacing:.12em}.pledge p{font:1.85rem Georgia,serif;color:var(--ink)}.pledge i{color:var(--orange);padding:0 20px}.section{padding:85px 7%}.history{display:grid;grid-template-columns:1fr 1fr;gap:9%}.lead{font-size:1.25rem;line-height:1.6;color:var(--ink);margin-bottom:24px}.underlined{display:inline-block;border-bottom:1px solid var(--orange);padding-bottom:5px;font-weight:600;margin-top:23px;font-size:.9rem}.actions{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading>p{max-width:310px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.cards article{padding:30px;background:white;border-top:3px solid var(--orange)}.number{display:block;letter-spacing:.08em;font-size:.75rem;font-weight:bold;margin-bottom:32px;color:#ac3e1b}.cards h3{margin-bottom:22px}.cards p{font-size:.98rem}details{margin-top:27px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-size:.9rem;font-weight:600}details p{margin-top:14px}.values{background:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:12%;color:white}.values p{color:#c7d8db}.values>div>p{margin-top:25px}.values-list>div{display:flex;gap:24px;border-bottom:1px solid #47656d;padding:22px 0}.values-list>div:first-child{padding-top:0}.values-list>div>span{color:#ef9e7b;font-size:.85rem}.values-list h3{font-family:Georgia,serif;font-size:1.7rem;margin-bottom:10px}.values-list p{font-size:.95rem}.tag{background:#edf3f2;font-size:.875rem;padding:5px 15px;white-space:nowrap}.news-item{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.news-letter{background:#faeae1;color:#a93612;font-family:Georgia,serif;font-size:5.5rem;line-height:1.1;padding:50px;display:flex;gap:40px;align-items:center;min-height:265px}.news-letter span{font-family:Arial,sans-serif;line-height:1.8;font-size:.85rem;letter-spacing:.02em}.news-item h3{font-family:Georgia,serif;font-size:2rem;margin-bottom:20px}.donations{background:#f8eee7;display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center}.donation-box{background:white;padding:34px;box-shadow:0 12px 40px #70431a0a;border-radius:5px}.donation-box>p{font-size:.9rem;margin-top:12px}.donation-box form{margin-top:24px}label{display:block;font-size:.875rem;margin:16px 0 6px;font-weight:600}select{width:100%;padding:10px;border:1px solid #bccbce;border-radius:3px;background:#fff;color:var(--ink)}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.amounts button{background:white;border:1px solid #c7d3d5;padding:10px 4px;color:var(--ink);border-radius:3px}.amounts button.selected{background:#fff0e9;border:1px solid var(--orange);color:#a93712}.amount-input{border:1px solid #bccbce;border-radius:3px;display:flex;align-items:center;padding-right:15px;gap:10px}.amount-input input{width:100%;border:0;padding:11px;background:transparent;color:var(--ink)}.amount-input span{font-size:.85rem}.donation-status{font-size:.875rem;margin:18px 0 14px}.full{width:100%}form small{display:block;text-align:center;color:var(--muted);font-size:.75rem;margin-top:12px}#donation-result{padding:15px;background:var(--soft);margin-top:15px;font-size:.9rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-location{display:block;margin-top:25px;font-size:.875rem;font-weight:600}footer{background:var(--soft);padding:35px 7% 22px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px}.footer-main>a:last-child{font-weight:600;font-size:.9rem}.footer-bottom{display:flex;gap:26px;border-top:1px solid var(--line);padding-top:18px;font-size:.75rem;color:var(--muted);flex-wrap:wrap}.footer-bottom span{margin-right:auto}.footer-bottom button{border:0;background:none;color:inherit;font-size:.75rem;padding:0}dialog{border:0;border-radius:5px;max-width:580px;width:90%;padding:40px;color:var(--ink)}dialog::backdrop{background:#0d2937aa}dialog h2{font-size:2rem;margin:10px 0 22px}.close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:2rem;color:var(--ink)}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:8px}@media(max-width:1050px){header{gap:18px}nav{gap:16px}.hero-copy{padding-top:45px}.hero-buttons{gap:17px}.hero-foot{flex-direction:column;gap:5px}.news-letter{padding:35px;gap:20px;font-size:4rem}.donations{gap:6%}}@media(max-width:800px){.topline{justify-content:center}.topline a{display:none}header{padding:12px 5%;flex-wrap:wrap}.brand{min-width:0;margin-right:auto}.brand-symbol{font-size:3rem}.brand strong{font-size:1.7rem}.menu{display:block;border:1px solid var(--line);background:white;padding:7px 12px;color:var(--ink);font-size:.875rem}nav{display:none;order:5;width:100%;padding:15px 0;flex-wrap:wrap}nav.open{display:flex}header .button{font-size:.8rem;padding:9px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px}.hero h1{font-size:3.2rem}.hero-foot{margin-top:30px;flex-direction:row}.hero-photo{min-height:300px}.hero-photo img{object-position:center 45%}.pledge{flex-direction:column;gap:9px;padding:25px 5%}.pledge p{font-size:1.5rem}.pledge i{padding:0 7px}.section{padding:55px 7%}.history,.values,.donations,.contact{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}.cards{grid-template-columns:1fr}.cards article{padding:26px}.number{margin-bottom:20px}.cards h3 br{display:none}.news-item{grid-template-columns:1fr;gap:25px}.news-letter{min-height:200px;justify-content:space-between}.news .tag{display:inline-block;margin-top:20px}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{gap:15px}.footer-bottom span{width:100%}.donation-box{padding:25px}.hero-buttons .button{padding:12px 16px}.hero-foot{font-size:.7rem;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Identité visuelle originale de la Fondation Ruth. */
header .brand{min-width:100px}.foundation-logo{display:block;width:86px;height:86px;object-fit:contain}header{padding-top:10px;padding-bottom:10px}.foundation-banner{padding:25px 7%;border-bottom:1px solid var(--line);background:white}.foundation-banner img{display:block;width:100%;height:auto;max-width:900px;margin:auto}.foundation-footer-banner{display:block;width:260px;max-width:100%;height:auto}.foundation-story-logo{display:flex;justify-content:center;align-items:center;background:white}.foundation-story-logo img{width:100%;max-width:290px;height:auto;display:block}footer .brand{min-width:0;flex-shrink:0}@media(max-width:800px){header .brand{min-width:0}.foundation-logo{width:65px;height:65px}.foundation-banner{padding:20px 3%}.foundation-footer-banner{width:245px}.foundation-story-logo img{max-width:230px}.footer-main{align-items:center;text-align:center}header{gap:12px}}

/* Le visuel complet conserve les cinq mains dans tous les formats. */
.hero-photo{background:#163e47;display:flex;align-items:center;justify-content:center}.hero-photo img{position:static;display:block;width:100%;height:auto;object-fit:contain}.hero-photo:after{inset:auto 0 0;height:85px}.hero-photo figcaption{bottom:16px}@media(max-width:800px){.hero-photo{min-height:0}.hero-photo img{height:auto;object-fit:contain;object-position:center}}
/* Rouge et vert distincts, inspirés des couleurs du Burkina Faso. */
.hero-copy{background:#a51f2b}.hero-copy .eyebrow.light,.hero-copy h1 em{color:#ffe16a}.hero-copy p,.hero-copy .hero-foot{color:#fff}.hero-copy .hero-foot{border-color:#ffffff66}.hero-copy .text-link{border-color:#ffffff99}

.hero-photo{background:#006b3f}.hero-photo:after{display:none}.hero-photo figcaption{background:#006b3f;padding:4px 10px;border-radius:3px}

/* Palette commune : Burkina Faso et Côte d’Ivoire. */
:root{--ink:#174b36;--orange:#bd430c;--muted:#52685b;--line:#dce7df;--soft:#f3f7f3}
.topline,.values{background:#006b3f}.topline{gap:18px}.topline a{flex-shrink:0}.values p{color:#e3f0e7}.values-list>div{border-color:#ffffff44}.values-list>div>span,.values .eyebrow.light{color:#ffe16a}.hero-foot{flex-wrap:wrap}.hero-foot span:first-child{line-height:1.7}.hero-photo{border-bottom:8px solid #f58220}.foundation-banner{border-bottom:6px solid #f58220}.actions{background:#f2f7f2}.cards article:nth-child(1){border-color:#a51f2b}.cards article:nth-child(2){border-color:#f58220}.cards article:nth-child(3){border-color:#006b3f}.donations{background:#fff3e8}.button:hover{background:#983609;border-color:#983609}.roots{background:#fffaf3;border-top:1px solid #f1e4d4}.roots .section-heading h2{max-width:720px}.roots-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.root-place{padding:32px;background:#fff;position:relative;border:1px solid var(--line);border-radius:4px;overflow:hidden}.root-place:before{content:'';position:absolute;left:0;right:0;top:0;height:7px}.root-burkina:before{background:#a51f2b;box-shadow:0 7px 0 #f5d442,0 14px 0 #006b3f}.root-ivoire:before{background:linear-gradient(90deg,#f58220 0 33.33%,#fff 33.33% 66.66%,#008751 66.66%)}.place-country{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:700;margin:15px 0 16px}.root-place h3{font:400 clamp(1.65rem,3vw,2.5rem)/1.2 Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:18px}.root-burkina .place-country{color:#a51f2b}.root-ivoire .place-country{color:#a13a0b}footer{border-top:6px solid #006b3f}@media(max-width:800px){.roots-grid{grid-template-columns:1fr}.root-place{padding:28px 24px}.roots .section-heading h2{overflow-wrap:anywhere}.topline{font-size:.8rem}}

/* Visible bilingual navigation, including on small screens. */
header{flex-wrap:wrap;gap:18px}.language-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:6px;background:#f3f7f3;margin-left:auto}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;font-size:.85rem;font-weight:600;border-radius:3px}.language-switch a[aria-current=page]{background:#006b3f;color:white}.language-switch a:hover{box-shadow:inset 0 0 0 1px #006b3f}.banner-slogan{text-align:center;font:1.5rem Georgia,serif;color:#006b3f;margin-top:14px}@media(max-width:800px){header{gap:10px}.language-switch{order:4;flex-basis:100%;justify-content:center;margin:0}.language-switch a{flex:1;max-width:160px}html{scroll-padding-top:170px}.hero h1{overflow-wrap:break-word}}

/* Contact et commentaires */
.contact-form-box{padding:30px;background:#f3f7f3;border:1px solid var(--line);border-radius:6px}.contact h2{margin-bottom:24px}.contact-channels{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.contact-channels .underlined{overflow-wrap:anywhere}.whatsapp{background:#006b3f;border-color:#006b3f}.public-form input:not([type=checkbox]),.public-form textarea{display:block;width:100%;padding:12px;border:1px solid #aabdb0;border-radius:3px;background:white;font:inherit;color:var(--ink)}.public-form textarea{resize:vertical}.public-form .consent{display:flex;gap:12px;align-items:flex-start;font-weight:400}.consent input{margin-top:6px;flex-shrink:0;width:18px;height:18px}.form-note{font-size:.85rem;margin:16px 0}.public-form button{margin-top:18px}.public-form button:disabled{opacity:.6;cursor:wait}.form-result{margin-top:16px;overflow-wrap:anywhere}.form-result:not(:empty){padding:12px;border-left:3px solid #006b3f;background:#fff}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.article-comments{margin-top:42px;border-top:1px solid var(--line);padding-top:30px}.article-comments>p{margin-top:12px}.article-comments details{max-width:720px}.published-comments article{padding:20px 0;border-bottom:1px solid var(--line)}.published-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.published-comments time{display:block;font-size:.8rem;color:var(--muted)}.comments-more{margin-top:15px;padding:10px 18px;border:1px solid var(--line);background:white;color:var(--ink)}@media(max-width:800px){.contact-form-box{padding:22px}.contact-channels .button{max-width:100%}}

/* Foundation social channels */
.foundation-social{margin-top:24px}.foundation-social h3{font-size:1rem;letter-spacing:0;margin-bottom:12px}.foundation-social-links{display:flex;flex-wrap:wrap;gap:12px}.foundation-social-links a{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--ink);border-radius:4px;padding:9px 17px;min-height:44px;font-size:.95rem;font-weight:600;color:var(--ink);background:#fff}.foundation-social-links a:hover{background:var(--ink);color:#fff}.footer-social{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px}.footer-social>span{font-weight:600;font-size:.95rem}