/* Extinction is a navigable stop; the five species-era indices remain stable. */
@media(min-width:761px){.time-rail{gap:26px;top:25%}}
@media(min-width:761px) and (max-height:850px){.time-rail{gap:19px;top:23%}}
.time-rail .extinction-stop i{border-radius:1px;rotate:45deg;border-color:#b79f7d}
.time-rail .extinction-stop[aria-current] i{background:#e4b86d}
#extinction .bridge-art{inset:0;opacity:.78;mask-image:none}
#extinction .bridge-art img{object-position:82% center;filter:saturate(.72) brightness(.88);mask-image:none}
#extinction .bridge-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111616fa 0%,#111616e6 27%,#111616a6 48%,#1116160d 84%),linear-gradient(0deg,#111616 0%,transparent 28%,#11161633 100%)}
#extinction .bridge-art span{z-index:1;font-size:9px;letter-spacing:1.5px;right:6%;bottom:11%;color:#d3bfa1}
@keyframes bridge-light{from{opacity:0;scale:1.025}to{opacity:.78;scale:1}}
@media(max-width:760px){
 .time-rail{gap:0}
 .time-rail a{align-items:center}
 .time-rail a>div{font-size:8px;line-height:11px;letter-spacing:0;padding:0 1px;max-width:58px;background:none}
 .time-rail .rail-line{left:calc(100% / 12);right:calc(100% / 12);width:auto}
 #extinction .bridge-art{opacity:.42}
 #extinction .bridge-art img{object-position:82% center}
 #extinction .bridge-art::after{background:linear-gradient(90deg,#111616de,#11161666),linear-gradient(0deg,#111616 0%,transparent 60%)}
 @keyframes bridge-light{from{opacity:0;scale:1.025}to{opacity:.42;scale:1}}
}