/* La Genès — couleurs et mise en page à personnaliser ici. */
:root{--paper:#f6f3e9;--ink:#253b2c;--muted:#586450;--accent:#96502d;--line:#d5d8c8;--sage:#e8ebdc;--white:#fffdf7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#d9dfa9;color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}em{font-weight:400;color:var(--accent)}.eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px;padding:22px 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font:600 23px/1.1 var(--serif);letter-spacing:1.5px}.brand small{display:block;font:9px/1.5 var(--sans);letter-spacing:1px;margin-top:7px}.brand-mark{font:48px/1 var(--serif)}.site-header nav{display:flex;align-items:center;gap:23px;font-size:12px}.site-header nav>a{padding:10px 0}.site-header nav a:hover{color:var(--accent)}.site-header a[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent)}.branches{position:relative}.branches summary{cursor:pointer;padding:10px 0}.branches div{position:absolute;top:100%;right:0;width:220px;padding:16px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 30px #253b2c12}.branches div a{display:block;padding:8px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 12px;border-radius:3px;color:var(--ink);cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:650px}.hero-copy{padding:72px 9% 60px 10%}.small-line{display:inline-block;vertical-align:middle;width:25px;height:1px;background:var(--accent);margin-right:12px}.hero h1{font-size:clamp(70px,7.9vw,118px);letter-spacing:-5px;margin:26px 0}.hero-intro{max-width:460px;color:var(--muted);font-size:14px;line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:var(--paper);padding:16px 23px;border:1px solid var(--ink);font-size:12px;font-weight:600;letter-spacing:.4px;transition:background .2s,transform .2s}.button:hover{background:#3d5238;transform:translateY(-2px)}.button span[aria-hidden]{font-size:21px;line-height:1}.hero .button{margin-top:29px}.hero-note{font-size:10px;color:var(--muted);margin-top:18px}.hero-visual{position:relative;overflow:hidden;margin:28px 28px 28px 0;min-height:480px;border-radius:140px 0 0 0;background:#ab9157}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:51% center}.hero-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#172c22b5)}.hero-visual figcaption{position:absolute;z-index:1;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#fffbe8;font:italic 20px var(--serif)}.hero-visual figcaption span:first-child{font:10px var(--sans);letter-spacing:2px}.manifesto{display:flex;align-items:center;justify-content:center;gap:48px;padding:36px 5%;background:var(--sage);border-block:1px solid var(--line)}.manifesto p{font:italic 24px/1.4 var(--serif);text-align:center}.manifesto>span{font-size:25px;color:#6d7a52}.section-width{width:min(1120px,90%);margin:auto}.journey{padding-block:85px 66px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.section-intro h2,.reading h2{font-size:52px;letter-spacing:-1.5px;margin-top:16px}.section-intro>p{font-size:13px;color:var(--muted);max-width:320px;padding-bottom:6px}.tree{position:relative;margin:38px auto 0;max-width:900px;padding-top:48px}.tree-art{position:absolute;inset:0;width:100%;height:660px;color:#8d9d71;pointer-events:none;opacity:.68}.tree-art path{stroke-width:2.2}.tree-art .trunk{stroke-width:7}.tree ol{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:190px;row-gap:20px}.tree li:nth-child(even){transform:translateY(43px)}.tree li:last-child{grid-column:1/-1;width:340px;justify-self:center;margin-top:45px}.tree li a{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;background:var(--white);border:1px solid #cbd0b9;border-radius:3px 24px 3px 24px;box-shadow:0 3px 0 #253b2c06;transition:transform .2s,border-color .2s,background .2s}.tree li a:hover{transform:translateY(-3px);border-color:var(--accent);background:#fff}.node-number{font-size:10px;letter-spacing:1px;color:var(--accent);border-right:1px solid var(--line);padding-right:14px}.tree li a>span:nth-child(2){font:20px/1.2 var(--serif)}.node-arrow{margin-left:auto;color:var(--muted)}.tree-caption{position:relative;text-align:center;font:italic 16px var(--serif);color:var(--muted);margin-top:52px}.reading{padding-block:55px 90px;border-top:1px solid var(--line)}.reading-intro{margin-bottom:38px}.reading-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:15px}.chapter{scroll-margin-top:28px;border-top:1px solid #c7cebd}.chapter:last-child{border-bottom:1px solid #c7cebd}.chapter>summary{list-style:none;display:flex;align-items:center;gap:32px;padding:30px 12px;cursor:pointer}.chapter>summary::-webkit-details-marker{display:none}.chapter>summary:hover h3{color:var(--accent)}.chapter-number{font:italic 21px var(--serif);color:var(--accent);align-self:flex-start;padding-top:6px}.chapter-heading{flex:1}.chapter-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.chapter h3{font-size:32px;margin-top:10px}.chapter-toggle{position:relative;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line);border-radius:50%}.chapter-toggle:before,.chapter-toggle:after{content:'';position:absolute;background:var(--ink);width:12px;height:1px;left:10px;top:16px}.chapter-toggle:after{transform:rotate(90deg)}.chapter[open] .chapter-toggle:after{transform:rotate(0deg)}.chapter[open]>summary{padding-bottom:28px}.chapter-content{padding:0 64px 28px}.chapter-content.with-image{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(280px,1.35fr);gap:46px;padding-inline:64px 20px}.chapter-content figure img{width:100%;height:auto;border-radius:3px 70px 3px 3px}.chapter-content figure{align-self:start;position:sticky;top:24px}.prose{max-width:720px;margin:auto;font-size:15px;line-height:1.85;color:#3e4e3d}.prose p{margin-bottom:17px}.prose blockquote{margin:28px 0;padding:18px 0 18px 24px;border-left:2px solid var(--accent);font:italic 25px/1.45 var(--serif);color:var(--ink)}.prose .button{margin-block:10px}.button-outline{color:var(--ink);background:transparent}.button-outline:hover{background:var(--sage)}.chapter-footer{display:flex;justify-content:space-between;gap:25px;margin:0 20px 30px 64px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.chapter-footer a:hover{text-decoration:underline}.closing{text-align:center;padding:80px 24px 88px;background:var(--ink);color:var(--paper)}.closing h2{font-size:66px;margin:24px 0 34px;letter-spacing:-1px}.closing em{color:#d9dda7}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:#e3e7c7}.site-footer{padding:36px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;color:var(--muted)}.site-footer img{width:160px;height:auto}.site-footer>a:last-child{white-space:nowrap}.site-footer>a:hover{text-decoration:underline}
@media(min-width:1500px){.hero{max-width:1500px;margin:auto}.site-header{padding-inline:max(5%,calc((100% - 1350px)/2))}}
@media(max-width:1050px){.site-header nav{gap:14px;font-size:11px}.brand{font-size:20px}.brand-mark{font-size:38px}.hero-copy{padding-top:55px}.hero{min-height:620px}.hero h1{font-size:88px}.hero-visual{margin-right:20px}.tree ol{column-gap:145px}.chapter-content.with-image{gap:25px;padding-inline:30px 10px}.chapter>summary{gap:22px}.site-footer{gap:18px}}
@media(max-width:800px){html{scroll-padding-top:24px}.site-header{min-height:83px;padding:17px 5%;flex-wrap:wrap;gap:16px}.js .menu-toggle{display:flex;align-items:center;gap:18px}.site-header nav{width:100%;flex-wrap:wrap;font-size:14px;gap:12px 25px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.branches div{left:0;right:auto}.hero{grid-template-columns:1fr 1fr;min-height:570px}.hero-copy{padding:46px 8% 40px 10%}.hero h1{font-size:72px;letter-spacing:-3px}.hero-intro{font-size:13px}.hero-visual{border-radius:95px 0 0 0;margin:22px 16px 22px 0;min-height:480px}.hero-visual figcaption{left:18px;right:18px;flex-direction:column;align-items:flex-start;gap:10px}.hero-note{font-size:9px}.manifesto{gap:24px}.manifesto p{font-size:21px}.section-intro h2,.reading h2{font-size:44px}.section-intro>p{max-width:250px}.tree ol{column-gap:95px}.tree li a{padding:14px 12px;gap:10px}.tree li a>span:nth-child(2){font-size:18px}.node-number{padding-right:10px}.chapter-content.with-image{display:block;padding-inline:30px}.chapter-content figure{float:left;width:38%;margin:0 26px 18px 0;position:static}.chapter-content:after{content:'';display:block;clear:both}.chapter-content{padding-inline:30px}.chapter h3{font-size:28px}.chapter-footer{margin-left:30px}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%;text-align:center}.closing h2{font-size:54px}}
@media(max-width:560px){.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 30px}.hero h1{font-size:76px;margin:22px 0}.hero-intro{max-width:none;font-size:14px}.hero .button{margin-top:24px}.hero-note{font-size:10px}.hero-visual{margin:0 5% 25px;min-height:300px;border-radius:85px 0 0 0}.hero-visual>img{object-position:50% center}.hero-visual figcaption{flex-direction:row;align-items:center;font-size:18px;bottom:20px}.manifesto{padding:28px 6%;gap:12px}.manifesto>span{font-size:17px}.manifesto p{font-size:20px}.section-width{width:88%}.journey{padding-block:55px 45px}.section-intro{display:block}.section-intro h2,.reading h2{font-size:41px}.section-intro>p{margin-top:22px;max-width:100%;font-size:13px}.tree{margin-top:30px;padding-top:35px}.tree-art{display:none}.tree:before{content:'';position:absolute;top:0;bottom:60px;left:17px;width:3px;background:#9eaa83}.tree:after{content:'';position:absolute;top:0;left:9px;width:20px;height:30px;background:#9eaa83;border-radius:100% 0 100% 0}.tree ol{display:flex;flex-direction:column;gap:13px;padding-left:36px}.tree li:nth-child(even){transform:none}.tree li:last-child{width:auto;margin:0}.tree li{position:relative}.tree li:before{content:'';position:absolute;left:-18px;top:33px;width:18px;height:1px;background:#9eaa83}.tree li a{min-height:66px;padding:14px 16px}.tree li a>span:nth-child(2){font-size:20px}.tree-caption{font-size:14px;margin-top:26px}.reading{padding-block:40px 55px}.chapter>summary{padding:24px 0;gap:14px}.chapter-number{font-size:17px}.chapter-heading .eyebrow{font-size:8px;letter-spacing:1px}.chapter h3{font-size:24px;line-height:1.16}.chapter-toggle{width:28px;height:28px}.chapter-toggle:before,.chapter-toggle:after{top:13px;left:8px;width:10px}.chapter-content,.chapter-content.with-image{padding:0 0 15px}.chapter-content figure{width:100%;float:none;margin:0 0 24px}.chapter-content figure img{max-height:330px;object-fit:cover}.prose{font-size:14px}.prose blockquote{font-size:23px;padding-left:17px}.chapter-footer{margin:0 0 24px;font-size:10px;gap:15px}.closing{padding-block:60px}.closing h2{font-size:46px}.site-footer{padding:28px 6%;justify-content:space-between}.site-footer img{width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Garder les racines décoratives au-dessus de la légende. */
.tree-art{height:calc(100% - 66px)}