:root{--paper:#f2ebdf;--ink:#253b3e;--muted:#53645d;--sage:#748b7d;--clay:#a87957;--gold:#bc8d45;--line:#ded5c5;--panel:#faf6ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(160deg,#f5f0e6,#eee9dd 64%,#f6f1e7);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #ab7343;outline-offset:4px}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:1rem;z-index:99}.skip:focus{left:1rem}
.site{position:relative;z-index:5;max-width:1160px;margin:auto;padding:1.5rem 2rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #d8d0c2}.brand,.nav,.eyebrow,.section-label,.num,.smallnote,footer,.link-pill,.page-bottom,.mini-list,.hero-motto{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.brand{font-size:.73rem;font-weight:750;letter-spacing:.22em;text-transform:uppercase;text-decoration:none}.nav{display:flex;gap:1.6rem;font-size:.82rem;flex-wrap:wrap}.nav a{text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--gold)}.shell{max-width:1160px;margin:auto;padding:0 2rem}
.hero-landscape{position:relative;isolation:isolate;min-height:690px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem 2.5rem 6rem;margin:1.3rem 0 4rem;overflow:hidden;border-radius:4px;background:#e6dfce}.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,244,229,.97) 0%,rgba(250,244,229,.89) 35%,rgba(250,244,229,.25) 75%),linear-gradient(0deg,rgba(25,43,43,.52),transparent 40%),url('assets/paysage-accueil.jpg') center 48%/cover no-repeat}.hero-landscape .eyebrow{max-width:390px}.eyebrow,.section-label{color:#607a6d;font-size:.75rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1,.page-heading h1{font-weight:normal;letter-spacing:-.045em;line-height:1.08;font-size:clamp(3.2rem,7vw,6rem);margin:1.2rem 0 1.4rem}.lead{font-size:clamp(1.17rem,2.1vw,1.48rem);line-height:1.65;max-width:460px;color:#344e4d}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0}.link-pill{display:inline-flex;align-items:center;gap:.7rem;padding:.76rem 1.2rem;border:1px solid #a89b82;border-radius:99px;background:rgba(250,246,236,.88);text-decoration:none;font-size:.86rem;transition:background .2s}.link-pill:hover{background:#fff}.link-pill.primary{background:#243c3e;border-color:#243c3e;color:#fff}.link-pill.primary:hover{background:#425b58}.hero-motto{position:absolute;bottom:1.5rem;left:2.5rem;max-width:360px;font-size:.77rem;line-height:1.6;color:#f8f3e7;text-shadow:0 1px 5px #243c3e}
#portes{max-width:980px;margin:0 auto 5rem;scroll-margin-top:1.5rem}#portes-title{font-weight:normal;font-size:clamp(2.3rem,5vw,3.5rem);letter-spacing:-.03em;margin:.25rem 0 .5rem}#portes>p:not(.section-label){color:#586961;max-width:680px;font-size:1.06rem}.door-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0}.door-card{display:grid;grid-template-columns:39% 1fr;min-height:185px;border:1px solid #d9d0c0;border-radius:15px;overflow:hidden;text-decoration:none;background:rgba(251,247,237,.82);transition:transform .2s,box-shadow .2s}.door-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #34443914}.door-card img{width:100%;height:100%;min-height:185px;object-fit:cover;display:block}.door-card .inner{position:relative;padding:1.8rem 4rem 1.5rem 2rem;align-self:center}.num{font-size:.7rem;letter-spacing:.15em;color:#6b776a}.door-card h3{font-weight:normal;line-height:1.15;font-size:clamp(1.45rem,3vw,2rem);margin:.5rem 0}.door-card p{margin:.2rem 0;color:#607067;font-size:.96rem}.door-arrow{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid #b68e6c;border-radius:50%;font-size:1.1rem;color:#a16b4d}
.page-head{max-width:900px;padding-top:2.3rem}.page-landscape{display:block;width:100%;height:clamp(210px,33vw,380px);object-fit:cover;border-radius:5px;box-shadow:0 14px 30px #243c3e13}.page-heading{max-width:760px;margin:2rem auto 2.8rem}.page-heading h1{font-size:clamp(2.65rem,5vw,4.8rem);margin:.6rem 0 1rem}.invitation{font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.65;color:#586b61;max-width:650px}.article-wrap{background:rgba(252,248,239,.93);border-top:1px solid #e2d9ca;border-bottom:1px solid #e2d9ca;padding:3.6rem 1.5rem 4rem}.prose{max-width:660px;margin:auto;font-size:clamp(1.11rem,1.65vw,1.24rem);line-height:1.85}.prose p{margin:0 0 1.3em}.prose p:last-child{margin-bottom:0}.resonance{max-width:660px;margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid #d9cbbb}.resonance p{font-style:italic;color:#5b6c5e;font-size:1.13rem}.page-bottom{max-width:660px;margin:2rem auto 4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-bottom a{text-decoration:none;border-bottom:1px solid #a9b4a8;font-size:.88rem}.seuil .page-head{max-width:840px}.seuil .page-heading{margin:2.2rem auto 1.6rem}.seuil-text{max-width:660px;margin:1rem auto 3rem;font-size:clamp(1.13rem,2vw,1.34rem);line-height:1.83}.seuil-text p{margin:0 0 1.4em}.seuil-choice{max-width:740px;margin:0 auto 4rem}.mini-list{display:grid;gap:.7rem}.mini-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid #dbd3c6;border-radius:10px;text-decoration:none;background:rgba(251,247,239,.9)}.mini-list a:hover{background:#fff}.smallnote{max-width:740px;margin:2rem auto 4rem;font-size:.87rem;color:#66766c}footer{padding:2rem 1rem 3rem;text-align:center;border-top:1px solid #dfd6c8;color:#738076;font-size:.76rem}footer a{color:inherit}
@media(max-width:700px){.site{padding:1.2rem 1.15rem 1rem;align-items:flex-start;flex-direction:column;gap:.55rem}.brand{font-size:.69rem}.nav{gap:1.15rem;font-size:.83rem}.shell{padding:0 1rem}.hero-landscape{margin:.7rem -.25rem 2.8rem;min-height:650px;padding:2.5rem 1.25rem 6rem;justify-content:flex-start}.hero-atmosphere{background:linear-gradient(180deg,rgba(250,244,229,.94) 0%,rgba(250,244,229,.82) 42%,rgba(250,244,229,.05) 73%,rgba(25,43,43,.6) 100%),url('assets/paysage-accueil.jpg') center bottom/cover no-repeat}.hero h1{font-size:clamp(2.85rem,10vw,4.5rem);margin:.9rem 0}.lead{font-size:1.14rem;line-height:1.55}.hero-motto{left:1.25rem;right:1.25rem;bottom:1.1rem;font-size:.75rem}.actions{margin:1rem 0;gap:.5rem}.link-pill{padding:.68rem 1rem;font-size:.8rem}#portes{margin-bottom:3rem}#portes-title{font-size:2.5rem}.door-grid{gap:.7rem}.door-card{grid-template-columns:36% 1fr;min-height:145px}.door-card img{min-height:145px}.door-card .inner{padding:1rem 2.3rem 1rem 1rem}.door-card h3{font-size:1.34rem}.door-card p{font-size:.82rem}.num{font-size:.58rem;letter-spacing:.1em}.door-arrow{right:.5rem;width:1.5rem;height:1.5rem;font-size:.85rem}.page-head{padding-top:1.2rem}.page-landscape{height:210px}.page-heading{margin:1.5rem auto 2rem}.page-heading h1{font-size:clamp(2.35rem,8vw,3.5rem)}.article-wrap{padding:2.2rem 1.15rem 3rem}.prose{font-size:1.1rem;line-height:1.77}.seuil-text{font-size:1.17rem;line-height:1.75}.page-bottom{padding:0 .5rem}}
@media(max-width:390px){.door-card{grid-template-columns:34% 1fr}.door-card h3{font-size:1.2rem}.door-card .inner{padding-left:.75rem}.hero h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Présentation du recto de l'œuvre-objet, distincte de la bannière d'accueil. */
.objet-carte{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:980px;margin:0 auto 5rem;padding:1.5rem 0 3rem}
.objet-carte-visuel{display:flex;justify-content:center}
.objet-carte-visuel img{display:block;width:min(100%,390px);height:auto;box-shadow:0 20px 45px rgba(28,40,35,.15)}
.objet-carte-texte h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:normal;line-height:1.16;margin:.7rem 0 1.2rem}
.objet-carte-texte p:not(.section-label){font-size:clamp(1.08rem,1.6vw,1.23rem);line-height:1.7;color:#445d55}
.objet-carte-texte .link-pill{margin-top:1rem}
@media(max-width:700px){.objet-carte{grid-template-columns:1fr;gap:1.7rem;margin:0 auto 3rem;padding:0 .3rem 2rem}.objet-carte-visuel img{width:min(100%,340px)}.objet-carte-texte h2{font-size:2.25rem}}

/* Extensions éditoriales — navigation sobre et responsive */
.nav{flex-wrap:wrap;row-gap:.55rem}.nav a{white-space:nowrap}
.complements{max-width:980px;margin:1rem auto 5rem;padding:2rem 0;border-top:1px solid var(--line)}
.complements h2{font-size:clamp(2rem,4vw,3rem);font-weight:normal;margin:.4rem 0 1rem}
.complements>p:not(.section-label){max-width:700px;color:var(--muted);line-height:1.7}
.complements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.7rem}
.complements-grid a{display:block;padding:1.45rem;background:rgba(255,255,255,.4);border:1px solid var(--line);border-radius:5px;text-decoration:none;color:inherit}
.complements-grid span,.eyebrow-small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#6b7d71}
.complements-grid h3{font-size:1.55rem;font-weight:normal;margin:.65rem 0}
.complements-grid p{line-height:1.65;color:var(--muted)}.complements-grid strong{font-weight:normal;color:#496858}
.companion{max-width:800px;margin:2rem auto 5rem;padding:0 1.5rem}.companion h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:normal;line-height:1.15;margin:.7rem 0 1.3rem}
.companion .intro{font-size:1.22rem;line-height:1.8;color:#455d55}.companion .reading{max-width:690px;margin:3rem auto;font-size:1.12rem;line-height:1.95}
.companion .reading p{margin:0 0 1.4rem}.companion h2{font-size:1.7rem;font-weight:normal;margin:2.5rem 0 1rem}
.reflection{border-left:2px solid #b59a67;padding:1rem 1.5rem;margin:2.2rem 0;background:#f8f3e9}
.notebook{padding:1.5rem;background:#faf7f0;border:1px solid var(--line);border-radius:6px}
.notebook label{display:block;margin-bottom:.6rem}.notebook textarea{width:100%;min-height:180px;padding:1rem;resize:vertical;font:1.05rem/1.65 Georgia,serif;background:#fffdf9;border:1px solid #c7c9bb;border-radius:4px;color:var(--ink)}
.notebook .note-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.notebook button{padding:.75rem 1.1rem;border:1px solid #71877a;background:#eef1e9;color:#263e37;border-radius:4px;font:inherit;cursor:pointer}
.notebook button:focus-visible,.notebook textarea:focus-visible{outline:3px solid #aa915f;outline-offset:2px}
.notebook .note-status{font-size:.9rem;color:#53675f;min-height:1.4rem}.page-bottom{flex-wrap:wrap}
@media(max-width:760px){.complements-grid{grid-template-columns:1fr}.companion{padding:0 1.1rem}.nav{column-gap:.85rem}.complements{padding:1.5rem .4rem}}

/* V2.3 — navigation plus lisible sur mobile et ordinateur */
.nav{font-size:1rem;column-gap:1.35rem;row-gap:.55rem;line-height:1.45}
.nav a{padding:.48rem .08rem;color:#273d3b;font-weight:540;text-underline-offset:.25em}
.nav a:focus-visible{outline:2px solid #b49a62;outline-offset:4px;border-radius:2px}
@media(max-width:700px){.site{gap:.85rem}.nav{font-size:1rem;column-gap:1.15rem;row-gap:.65rem}.nav a{padding:.45rem .02rem}}
@media(max-width:380px){.nav{font-size:.96rem;column-gap:.9rem}}


/* V2.4 — repères de navigation identiques sur toutes les pages */
.site{max-width:1280px;gap:1.2rem}
.site .brand{flex-shrink:0}
.nav-desktop{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.55rem,1.2vw,1.2rem);flex-wrap:nowrap;font-size:clamp(.83rem,.9vw,.98rem);font-weight:550}
.nav-desktop>a{white-space:nowrap}
.nav-more{position:relative;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nav-more>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:.3rem 0;border-bottom:2px solid transparent}
.nav-more>summary::-webkit-details-marker,.nav-mobile>summary::-webkit-details-marker{display:none}
.nav-more>summary::after{content:' ▾';font-size:.8em}
.nav-more[open]>summary,.nav-more>summary.is-current{border-bottom-color:var(--gold)}
.nav-more-list{position:absolute;top:calc(100% + .5rem);right:0;min-width:230px;background:#faf6ed;border:1px solid #d9d0c0;border-radius:12px;padding:.45rem;box-shadow:0 14px 32px #1b2b2429;display:grid;z-index:20}
.nav-more-list a{padding:.65rem .8rem;border-radius:7px;white-space:nowrap;border-bottom:0}
.nav-more-list a:hover,.nav-more-list a[aria-current=page]{background:#eee5d4}
.nav-mobile-wrap{display:none}
@media(max-width:980px){
.site{padding:1rem 1.2rem;min-height:74px}
.site .brand{font-size:.8rem;letter-spacing:.13em}
.nav-desktop{display:none}
.nav-mobile-wrap{display:block;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nav-mobile>summary{list-style:none;cursor:pointer;border:1px solid #bcb2a1;border-radius:999px;padding:.58rem .85rem;font-size:1rem;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:.35rem}
.nav-mobile-list{position:absolute;top:calc(100% - .15rem);left:1rem;right:1rem;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.7rem;background:#faf6ed;border:1px solid #d9d0c0;border-radius:12px;box-shadow:0 18px 40px #1b2b2430}
.nav-mobile-list a{display:flex;align-items:center;padding:.7rem .6rem;min-height:46px;text-decoration:none;border-radius:8px;font-size:.96rem;line-height:1.3}
.nav-mobile-list a:hover,.nav-mobile-list a[aria-current=page]{background:#eae0cd}
.nav-mobile-list a[aria-current=page]{font-weight:750;border-left:3px solid var(--gold)}
}
@media(max-width:460px){.site .brand{font-size:.72rem;letter-spacing:.095em}.nav-mobile-list{grid-template-columns:1fr}.nav-mobile>summary{font-size:.94rem}}