/* Real nature footage replaces only the three pinned chapter graphics. */
.nature-card{background:#102116;isolation:isolate}
.nature-films,.nature-shade{position:absolute;inset:0;pointer-events:none}
.nature-films{z-index:-2}
.nature-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s ease;background:#102116}
.nature-film.active{opacity:1}
.nature-film[data-nature-film="1"]{object-position:62% center}
.nature-film[data-nature-film="2"]{object-position:35% center}
.nature-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,17,9,.8) 0%,rgba(3,17,9,.5) 40%,rgba(3,17,9,.12) 78%),linear-gradient(0deg,rgba(3,17,9,.2),rgba(3,17,9,.03))}
.nature-card .chapter p{opacity:.9;color:#e4eee4;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.nature-card .chapter h2{text-shadow:0 2px 28px rgba(0,0,0,.25)}
.nature-card .chapter-number{opacity:.72}
@media(max-width:768px){.nature-shade{background:linear-gradient(90deg,rgba(3,17,9,.76),rgba(3,17,9,.28)),linear-gradient(0deg,rgba(3,17,9,.24),rgba(3,17,9,.12))}.nature-film[data-nature-film="0"]{object-position:60% center}.nature-card .chapter p{max-width:85%}}
@media(prefers-reduced-motion:reduce){.nature-film{transition:none}.nature-shade{background:rgba(3,17,9,.78)}}
.paused .nature-film{transition:none}