.story-page{--ink:#193e40;--teal:#087b70;--muted:#4e6865}.story-page .top{background:#dff1ec;color:#27564f}.story-hero,.story-preview{background:radial-gradient(ellipse at 90% 10%,#d8ece4,transparent 65%),linear-gradient(120deg,#fbfaf4,#edf6ef);position:relative;overflow:hidden}.story-hero>.wrap,.story-preview>.wrap{position:relative}.story-hero{padding:90px 0 80px}.story-heading{max-width:790px;position:relative;z-index:1}.story-heading h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.08}.story-heading em{font-style:normal;color:#087b70}.story-heading>p{font-size:1.15rem;max-width:640px}.story-signature{display:block;color:#275e51;font-size:1rem;margin:25px 0;font-style:italic}.story-heading .text-link{font-size:13px}.story-fauna{position:absolute;inset:0;pointer-events:none;color:#386e62}.story-fauna img{position:absolute;opacity:.42}.bird{width:150px;animation:story-flight 4.5s ease-in-out both}.tropicbird{right:0;top:25px;transform:rotate(-12deg)}.harrier{right:180px;top:-48px;width:110px;opacity:.25!important;animation-delay:.3s}.gecko{width:64px;right:55px;bottom:-35px;transform:rotate(22deg)}.story-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.story-intro figure{margin:0;max-width:390px}.story-intro img{width:100%;height:460px;object-fit:cover;object-position:50% 40%;border-radius:160px 160px 24px 24px}.story-intro figcaption{font-size:12px;color:#4e6865;margin-top:16px}.story-intro p,.story-chapters p{font-size:1rem;line-height:1.9}.story-timeline{background:linear-gradient(140deg,#fafaf5,#eff7f2)}.story-chapters{margin-top:45px;max-width:960px}.story-chapters article{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:32px 0;border-top:1px solid #cbded5}.chapter-number{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#087b70;font-weight:bold;padding-top:5px}.story-chapters h3{font-size:1.65rem;max-width:610px}.story-chapters p:last-child{margin-bottom:0}.story-today .wrap{max-width:820px}.story-today h2{font-size:clamp(2.3rem,4.5vw,4rem)}.story-today p{font-size:1.1rem;line-height:1.9}.story-support{background:linear-gradient(120deg,#f4f6e9,#e0f0e7);border-radius:30px;padding:42px;max-width:1000px}.story-support p{max-width:650px}.story-preview-copy{max-width:690px;position:relative;z-index:1}.story-preview-copy p{max-width:590px}.story-preview .tropicbird{width:180px;right:30px;top:20px}.story-preview .harrier{right:220px;top:-20px}.story-preview .gecko{bottom:0}.story-preview .btn{background:#087b70;color:#fff;border-radius:999px}.story-page .nav-links{gap:18px}
@keyframes story-flight{from{translate:25px 14px;opacity:0}to{translate:0 0;opacity:.42}}
@media(max-width:900px){.story-hero{padding:70px 0 50px}.story-heading{max-width:650px}.story-fauna .tropicbird{right:0;top:-55px;width:95px}.story-fauna .harrier{right:120px;top:-55px;width:70px}.story-fauna .gecko{right:0;bottom:-35px;width:40px}.story-intro{gap:32px}.story-chapters article{grid-template-columns:160px 1fr;gap:25px}.story-preview-copy{max-width:80%}}
@media(max-width:640px){.story-hero{padding-top:95px}.story-heading h1{font-size:2.65rem}.story-heading>p{font-size:1rem}.story-hero .gecko{opacity:.2;bottom:-40px}.story-intro{grid-template-columns:1fr;gap:30px}.story-intro figure{max-width:100%;width:100%}.story-intro img{height:380px;border-radius:100px 100px 22px 22px}.story-chapters article{grid-template-columns:1fr;gap:15px;padding:28px 0}.story-chapters h3{font-size:1.45rem}.story-support{padding:28px 24px}.story-preview{padding-top:100px!important}.story-preview-copy{max-width:100%}.story-preview .gecko{bottom:-30px;opacity:.22}.story-preview .tropicbird{top:-70px}.story-preview .harrier{top:-65px}.story-today .actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.bird{animation:none}}
/* Le papangue garde son plumage visible, sans dominer le récit. */
.story-fauna .harrier{width:145px;opacity:.72!important;right:190px}
@media(max-width:900px){.story-fauna .harrier{width:90px;right:125px}}

.story-fauna .harrier{width:190px;opacity:1!important}@media(max-width:900px){.story-fauna .harrier{width:110px}}

.story-fauna .tropicbird{opacity:1;transform:none;width:180px}@media(max-width:900px){.story-fauna .tropicbird{width:105px}}

.story-fauna .gecko{opacity:.85;transform:none;width:72px;filter:saturate(.65)}.story-fauna .tropicbird{width:155px}@media(max-width:900px){.story-fauna .gecko{width:45px}.story-fauna .tropicbird{width:95px}}
/* Faune ponctuant le récit, avec apparition au défilement. */
.story-hero>.wrap,.story-timeline>.wrap,.story-today>.wrap{position:relative}
.story-wildlife{position:absolute;pointer-events:none;object-fit:contain;z-index:0}
.wild-bird{width:190px;right:0;top:8px}
.wild-gecko{width:76px;right:5px;top:255px;filter:saturate(.65)}
.story-timeline .story-chapters{max-width:calc(100% - 125px)}
.wild-harrier{width:160px;right:0;top:-30px}
.story-today h2{padding-right:130px}
.story-fauna img.wildlife-reveal,.story-wildlife.wildlife-reveal{animation:none;opacity:0!important;translate:0 24px;transition:opacity 1.1s ease,translate 1.3s cubic-bezier(.2,.7,.3,1)}
.story-fauna img.wildlife-visible,.story-wildlife.wildlife-visible{opacity:1!important;translate:0 0}
@media(max-width:1000px){.wild-bird{width:120px;top:-60px}.story-heading{padding-top:15px}.wild-harrier{width:120px}}
@media(max-width:640px){.wild-bird{width:110px;top:-75px;right:5px}.story-timeline .story-chapters{max-width:100%}.wild-gecko{position:relative;float:right;width:48px;top:auto;right:auto;margin:0 0 15px 15px}.story-today h2{padding-right:0}.wild-harrier{position:relative;width:130px;top:auto;right:auto;margin:0 0 25px auto}.story-heading{padding-top:0}}
@media(prefers-reduced-motion:reduce){.story-fauna img.wildlife-reveal,.story-wildlife.wildlife-reveal{opacity:1!important;translate:none;transition:none}}

/* Un animal par chapitre, dans une marge dédiée au récit. */
.story-timeline .story-chapters{max-width:100%}
.story-chapters .chapter-with-animal{position:relative;padding-right:125px;min-height:220px}
.story-chapters .chapter-animal{top:80px;right:8px;bottom:auto;width:76px;margin:0;float:none;position:absolute}
.story-chapters .chapter-2 .chapter-animal{width:115px;top:65px;right:0}
.story-chapters .chapter-3 .chapter-animal{width:68px;top:100px;right:25px;transform:rotate(-24deg)}
.story-chapters .chapter-4 .chapter-animal{width:120px;top:100px;right:0}
@media(max-width:640px){
.story-chapters .chapter-with-animal{padding:30px 0;min-height:0}
.story-chapters .chapter-with-animal .chapter-number{padding-right:90px;min-height:75px;display:flex;align-items:center}
.story-chapters .chapter-animal{top:23px;right:14px;width:40px}
.story-chapters .chapter-2 .chapter-animal{top:30px;right:0;width:85px}
.story-chapters .chapter-3 .chapter-animal{top:20px;right:25px;width:40px}
.story-chapters .chapter-4 .chapter-animal{top:30px;right:0;width:85px}
}

.story-today h2{padding-right:0}

.story-chapters .chapter-3 .chapter-animal{width:110px;right:0;transform:none}@media(max-width:640px){.story-chapters .chapter-3 .chapter-animal{width:80px;right:0;top:30px}}