/* The trail is a symbolic reading route, not a reconstruction of historical travel. */
.bible-map svg{background:linear-gradient(145deg,#d9e9ee,#b8d2d9 54%,#c7e0d3)}
.bible-map .nile{stroke-width:4;opacity:.85}
.bible-map .jordan-water{stroke-width:3;opacity:.7}
.bible-map .story-route{stroke:#b5202b;stroke-width:5;stroke-dasharray:10 7;filter:drop-shadow(0 1px 1px #fff);animation:trail-dashes 1.3s linear infinite}
#map-traveler circle{fill:#fff9df;stroke:#a61d2d;stroke-width:3;filter:drop-shadow(0 3px 5px #3b3b3b)}
#map-traveler text{font-size:24px;paint-order:normal;stroke:none}
.bible-map .place-marker.active circle{animation:trail-beacon 1.8s ease-in-out infinite}
@keyframes trail-dashes{to{stroke-dashoffset:-34}}
@keyframes trail-beacon{50%{stroke-width:6;filter:drop-shadow(0 0 12px #e02020)}}
.john-illustration{overflow:hidden}
.john-illustration img{animation:john-picture-arrive .75s ease-out both;transition:transform 6s ease}
.john-illustration:hover img{transform:scale(1.045)}
.john-illustration figcaption{position:relative;background:#101b32}
@keyframes john-picture-arrive{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.bible-map .story-route,.bible-map .place-marker.active circle,.john-illustration img{animation:none!important;transition:none!important}.john-illustration:hover img{transform:none}}