/* A single arrival sequence, retriggered only when the active chapter changes. */
.era-entering{--era-rise:22px;--era-ease:cubic-bezier(.16,1,.3,1)}
.era-entering[data-era-direction="backward"]{--era-rise:-22px}
.era-entering .jurassic-backdrop:not(.previous-species-art){animation:era-landscape 1.6s var(--era-ease) both}
.era-entering .jurassic-heading>.eyebrow{animation:era-detail .8s .06s var(--era-ease) both}
.era-entering .jurassic-heading h2{animation:era-title 1s .12s var(--era-ease) both}
.era-entering .jurassic-story{animation:era-panel .95s .16s var(--era-ease) both}
.era-entering .story-tabs button{animation:era-detail .65s .23s var(--era-ease) both}
.era-entering .story-tabs button:nth-child(2){animation-delay:.28s}
.era-entering .story-tabs button:nth-child(3){animation-delay:.33s}
.era-entering .moment-icon{animation:era-detail .85s .25s var(--era-ease) both}
.era-entering .story-body h3{animation:era-detail .8s .3s var(--era-ease) both}
.era-entering .story-body>p{animation:era-detail .8s .36s var(--era-ease) both}
.era-entering .jurassic-species{animation:era-specimen .95s .22s var(--era-ease) both}
.era-entering .jurassic-species .animal-compare{animation:era-detail .8s .36s var(--era-ease) both}
.era-entering .species-nav::before{animation:era-horizon 1.15s .12s var(--era-ease) both;transform-origin:center}
.era-entering .species-choices button{animation:era-detail .85s .3s var(--era-ease) both}
.era-entering .species-choices button:nth-child(2){animation-delay:.36s}
.era-entering .species-choices button:nth-child(3){animation-delay:.42s}
.era-entering :is(.species-prev,.species-next,.species-count,.chapter-continue){animation:era-detail .85s .38s var(--era-ease) both}
.era-ui-entering .masthead{animation:era-chrome .85s cubic-bezier(.16,1,.3,1) both}
.era-ui-entering .time-rail{animation:era-chrome 1s .08s cubic-bezier(.16,1,.3,1) both}
.era-ui-entering .branch-dock{animation:era-chrome 1s .18s cubic-bezier(.16,1,.3,1) both}
.era-ui-entering #active-path{animation:era-branch 1.15s .12s ease-out both}
@keyframes era-landscape{from{scale:1.035;opacity:.72}to{scale:1;opacity:1}}
@keyframes era-title{from{opacity:0;translate:0 var(--era-rise);clip-path:inset(0 0 100% 0)}to{opacity:1;translate:0 0;clip-path:inset(0 0 -8% 0)}}
@keyframes era-panel{from{opacity:0;translate:0 var(--era-rise);scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes era-detail{from{opacity:0;translate:0 calc(var(--era-rise) * .45)}to{opacity:1;translate:0 0}}
@keyframes era-specimen{from{opacity:0;translate:18px 0}to{opacity:1;translate:0 0}}
@keyframes era-horizon{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}
@keyframes era-chrome{from{opacity:.45}to{opacity:1}}
@keyframes era-branch{from{stroke-dasharray:1100;stroke-dashoffset:1100;opacity:.25}to{stroke-dasharray:1100;stroke-dashoffset:0;opacity:1}}
@media(max-width:760px){.era-entering{--era-rise:14px}.era-entering[data-era-direction="backward"]{--era-rise:-14px}}
@media(prefers-reduced-motion:reduce){
 .era-entering :is(.jurassic-backdrop,.jurassic-heading>*,.jurassic-story,.story-tabs button,.moment-icon,.story-body>*,.jurassic-species,.animal-compare,.species-choices button,.species-prev,.species-next,.species-count,.chapter-continue),.era-entering .species-nav::before,.era-ui-entering :is(.masthead,.time-rail,.branch-dock,#active-path){animation:none!important}
}