/* V14 — bandeau continu : aucune bascule de fondu à un seuil de défilement. */
.header-frame{--header-progress:0;--header-open:100px;--header-shrink:24px;--logo-open:230px;--logo-shrink:56px;background:transparent;isolation:isolate}
.header-frame::before,.header-frame.is-compact::before{display:none;opacity:0;transition:none}
.header,.header-frame.is-compact .header{height:var(--header-height,var(--header-open));grid-template-columns:1fr var(--logo-size,var(--logo-open)) 1fr;padding:4px clamp(24px,4vw,64px) 8px;border:0;border-radius:0 0 18px 18px;overflow:visible;background:#354637;box-shadow:none;backdrop-filter:none;transition:none;position:relative}
.header .identity,.header-frame.is-compact .identity{width:var(--logo-size,var(--logo-open));flex-basis:auto;justify-self:center;margin:0}
.header .identity img,.header-frame.is-compact .identity img{width:100%;transition:none}
/* Le voile sombre prolonge le bandeau, toujours présent, jamais plus lumineux que lui. */
.header::after,.header-frame.is-compact .header::after{content:"";display:block;position:absolute;top:calc(100% - 1px);left:0;right:0;height:32px;width:auto;pointer-events:none;border:0;border-radius:0;background:linear-gradient(180deg,#354637 0%,#354637b8 24%,#35463745 62%,#35463700 100%);opacity:1;transform:none}
/* Des compositions différentes, avec la même discrétion et les mêmes dessins. */
[data-page] main::before{background-image:var(--fort-drawing,url('assets/fond-accueil-v14.svg?v=3'));background-position:center 0;background-size:100% auto}
[data-page=index]{--fort-drawing:url('assets/fond-accueil-v14.svg?v=3');--fort-drawing-mobile:url('assets/fond-accueil-mobile-v14.svg?v=3')}
[data-page=visiter],[data-page=reserver],[data-page=derniere-visite]{--fort-drawing:url('assets/fond-visite-v14.svg?v=3');--fort-drawing-mobile:url('assets/fond-visite-mobile-v14.svg?v=3')}
[data-page=histoire],[data-page=histoire-recit],[data-page=bloc-mortier],[data-page=actualite]{--fort-drawing:url('assets/fond-histoire-v14.svg?v=3');--fort-drawing-mobile:url('assets/fond-histoire-mobile-v14.svg?v=3')}
[data-page=musee]{--fort-drawing:url('assets/fond-musee-v14.svg?v=3');--fort-drawing-mobile:url('assets/fond-musee-mobile-v14.svg?v=3')}
[data-page=actualites],[data-page=soutenir],[data-page=contact]{--fort-drawing:url('assets/fond-vie-v14.svg?v=3');--fort-drawing-mobile:url('assets/fond-vie-mobile-v14.svg?v=3')}
.history-reading{max-width:var(--content-width);padding-block:45px 65px}
.history-reading .reading-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:start}
.history-reading .reading-copy{max-width:68ch}
.history-reading h2{font-size:34px;margin:0 0 15px}
.history-reading .reading-copy p{color:#dce0d0;margin-bottom:28px}
.history-reading figure{margin:0 0 28px;padding:6px;background:#859477;border-radius:19px;overflow:hidden}
.history-reading figure img{width:100%;height:330px;object-fit:cover;border-radius:13px}
.history-reading figcaption{font-size:12px;color:#243b28;padding:8px}
.history-reading .reading-cta{margin-top:32px}
@media(max-width:1000px){.header-frame{--header-open:96px;--logo-open:210px;--logo-shrink:36px;--header-shrink:20px}.header,.header-frame.is-compact .header{padding-inline:24px}.history-reading .reading-grid{gap:28px}}
@media(max-width:760px){.header-frame{--header-open:80px;--header-shrink:12px;--logo-open:160px;--logo-shrink:24px}.header,.header-frame.is-compact .header{grid-template-columns:60px minmax(105px,1fr) 80px;padding:4px 16px 8px;gap:8px;border-radius:0 0 15px 15px}.header::after,.header-frame.is-compact .header::after{height:25px}.header .identity,.header-frame.is-compact .identity{max-width:100%}[data-page] main::before{background-image:var(--fort-drawing);background-size:1000px auto;background-position:var(--mobile-drawing-position,center) 0}.history-reading .reading-grid{grid-template-columns:1fr}.history-reading figure img{height:260px}}
@media(max-width:420px){.header,.header-frame.is-compact .header{grid-template-columns:49px minmax(95px,1fr) 72px;padding-inline:12px;gap:6px}}

@media(max-width:760px){[data-page] main::before{background-image:var(--fort-drawing-mobile);background-size:100% auto;background-position:center 0}}

/* Le voile commence derrière les angles arrondis pour éviter les petits triangles plus clairs. */
.header::after,.header-frame.is-compact .header::after{top:calc(100% - 18px);height:50px;z-index:-1;background:linear-gradient(180deg,#354637 0%,#354637 36%,#354637b8 52%,#35463745 78%,#35463700 100%)}
@media(max-width:760px){.header::after,.header-frame.is-compact .header::after{top:calc(100% - 15px);height:40px;background:linear-gradient(180deg,#354637 0%,#354637 37%,#354637b8 56%,#35463745 80%,#35463700 100%)}}

[data-page=reserver]{--drawing-start:-320px}[data-page=derniere-visite]{--drawing-start:-180px}[data-page=bloc-mortier]{--drawing-start:-400px}[data-page=soutenir]{--drawing-start:-160px}[data-page=contact]{--drawing-start:-280px}[data-page=histoire-recit]{--drawing-start:-360px}
[data-page] main::before{background-position:center var(--drawing-start,0px)}
