/* A small, independent footer keeps the attribution clear of navigation. */
.site-footer{position:fixed;left:0;right:0;bottom:0;height:28px;z-index:24;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;padding:0 4%;background:linear-gradient(transparent,#0b1111b3)}
.design-credit{pointer-events:auto;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#b9b8ab;padding:6px 0;line-height:1.4;transition:color .2s}
.design-credit:hover{color:#e5cf9e}
.branch-dock{padding-bottom:25px;height:144px}
.interlude-active .branch-dock{opacity:0;visibility:hidden;pointer-events:none}
.extinction-scene{background:#111616;isolation:isolate}
.bridge-horizon{z-index:-2;position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 85%,#a4773b21,transparent 55%),linear-gradient(115deg,#1c2223 0%,#111616 56%)}
.bridge-horizon::after{content:'';position:absolute;left:0;right:0;top:73%;height:1px;background:linear-gradient(90deg,transparent,#dfc69745,transparent);box-shadow:0 0 40px 7px #be8d4a0d}
.bridge-art{position:absolute;inset:0 0 0 44%;overflow:hidden;z-index:-1;opacity:.75;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.bridge-art img{width:100%;height:100%;object-fit:cover;object-position:76% center;filter:saturate(.5) brightness(.8);mask-image:linear-gradient(transparent,#000 24%,#000 70%,transparent)}
.bridge-art span{position:absolute;bottom:15%;right:10%;font-size:10px;letter-spacing:2.5px;color:#dfcda9}
.bridge-copy{position:absolute;top:19%;left:16%;width:44%;max-width:580px;z-index:2}
.bridge-date{font-size:10px;letter-spacing:1.6px;display:flex;gap:12px;align-items:center;margin:0 0 25px;color:#d6c59f;flex-wrap:wrap}
.bridge-date>span{font-family:var(--serif);font-size:36px;letter-spacing:-1px;line-height:1}
.bridge-date i{width:24px;height:1px;background:#d6c59f70}
.bridge-copy h2{font-family:var(--serif);font-size:clamp(46px,5.6vw,84px);font-weight:400;letter-spacing:-1.8px;line-height:1.04;margin:0 0 34px}
.bridge-copy h2 em{font-family:Georgia,serif;font-size:.8em;font-weight:400;color:#dfcda9}
.bridge-beats{list-style:none;padding:0 0 0 22px;margin:0 0 30px;border-left:1px solid #bfa77542;max-width:420px}
.bridge-beats li{position:relative;margin:0 0 22px}
.bridge-beats li:last-child{margin-bottom:0}
.bridge-beats li::before{content:'';position:absolute;left:-26px;top:6px;width:6px;height:6px;border:1px solid #bfa775;background:#111616;border-radius:50%}
.bridge-beats li:last-child::before{background:#d6c59f;box-shadow:0 0 15px #d6c59f55}
.bridge-step{display:block;font-size:10px;letter-spacing:2px;color:#d6c59f;margin-bottom:8px}
.bridge-beats p{font-size:14px;line-height:1.7;color:#cbd0c9;margin:0;text-wrap:pretty}
.bridge-links{display:flex;align-items:flex-start;flex-direction:column;gap:18px}
.bridge-next{font-size:13px;padding:0 0 10px;border-bottom:1px solid #c9b99b70;display:flex;gap:30px;align-items:center}
.bridge-next>span{color:#d6c59f;font-size:22px}
.bridge-source{font-size:10px;line-height:1.5;color:#b9c0b6}
.extinction-chapter.era-entering .bridge-date{animation:bridge-reveal .9s .05s both}
.extinction-chapter.era-entering h2{animation:bridge-reveal 1.1s .12s both}
.extinction-chapter.era-entering .bridge-beats li{animation:bridge-reveal .9s .25s both}
.extinction-chapter.era-entering .bridge-beats li:nth-child(2){animation-delay:.37s}
.extinction-chapter.era-entering .bridge-beats li:nth-child(3){animation-delay:.49s}
.extinction-chapter.era-entering .bridge-links{animation:bridge-reveal .9s .55s both}
.extinction-chapter.era-entering .bridge-art{animation:bridge-light 1.6s both}
@keyframes bridge-reveal{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes bridge-light{from{opacity:0;scale:1.025}to{opacity:.75;scale:1}}
@media(min-width:761px) and (max-height:850px){.bridge-copy{top:15%;width:51%;max-width:650px}.bridge-copy h2{font-size:52px;margin-bottom:22px}.bridge-date{margin-bottom:16px}.bridge-beats{max-width:530px;margin-bottom:20px}.bridge-beats li{margin-bottom:14px}.bridge-beats p{font-size:13px;line-height:1.55}.bridge-step{margin-bottom:5px}.bridge-links{gap:10px}}
@media(max-width:760px){
 .branch-dock{display:none!important}
 .time-rail{bottom:44px!important;background:none;min-height:44px}
 .time-rail a{min-height:44px;align-items:flex-start}
 .site-footer{height:28px;padding:0 6%}
 .design-credit{font-size:8px;letter-spacing:1.1px}
 .chapter[data-index] .jurassic-story{bottom:210px!important}
 .chapter[data-index] .species-nav{bottom:120px!important}
 .bridge-copy{top:100px;left:7%;width:86%;max-width:none}
 .bridge-date{font-size:9px;letter-spacing:1px;gap:9px;margin-bottom:24px}
 .bridge-date>span{font-size:30px}.bridge-date i{width:16px}
 .bridge-copy h2{font-size:43px;letter-spacing:-1px;margin-bottom:28px}
 .bridge-beats{max-width:360px;padding-left:20px;margin-bottom:28px}
 .bridge-beats li{margin-bottom:23px}.bridge-beats li::before{left:-24px}
 .bridge-step{font-size:9px;letter-spacing:1.7px;margin-bottom:7px}
 .bridge-beats p{font-size:13px;line-height:1.65}
 .bridge-art{inset:0 0 0 28%;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000)}
 .bridge-art img{object-position:55% center}.bridge-art span{display:none}
 .bridge-links{gap:16px}.bridge-next{font-size:12px}.bridge-source{font-size:9px}
 @keyframes bridge-light{from{opacity:0;scale:1.025}to{opacity:.18;scale:1}}
}
@media(max-width:760px) and (max-height:760px){
 .chapter[data-index] .jurassic-story{bottom:174px!important}
 .chapter[data-index] .species-nav{bottom:105px!important}
 .time-rail{bottom:38px!important}
 .bridge-copy{top:80px}.bridge-date{margin-bottom:15px;font-size:8px;gap:7px}.bridge-date>span{font-size:24px}
 .bridge-copy h2{font-size:34px;margin-bottom:20px}
 .bridge-beats{margin-bottom:18px}.bridge-beats li{margin-bottom:16px}.bridge-beats p{font-size:12px;line-height:1.5}.bridge-step{margin-bottom:5px}
 .bridge-links{gap:10px}.bridge-next{padding-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.extinction-chapter :is(.bridge-date,h2,.bridge-beats li,.bridge-links,.bridge-art){animation:none!important}.design-credit{transition:none}}