/* Recent → World: an archive cover that lifts away as the next chapter is revealed. */
.recent-archive{
  --recent-exit:0;
  --world-reveal:0;
  transform:translate3d(0,calc(var(--recent-exit) * -26px),0) scale(calc(1 - var(--recent-exit) * .035));
  opacity:calc(1 - var(--recent-exit) * .52);
  filter:blur(calc(var(--recent-exit) * 9px));
  transform-origin:50% 0;
  will-change:transform,opacity,filter;
  min-height:330px;
  width:min(1340px,calc(100% - 164px));
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 78%,transparent 100%);
}
.recent-file{min-height:205px}
.recent-archive::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-22vh -22vw -24vh;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(5,12,21,.92) 0%,rgba(5,11,18,.7) 33%,rgba(5,9,15,.25) 62%,transparent 82%);
  opacity:calc(.86 - var(--recent-exit) * .82);
  filter:blur(28px);
}
.recent-archive::after{
  content:"";
  position:absolute;
  z-index:2;
  left:-12vw;
  right:-12vw;
  bottom:-24vh;
  height:52vh;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(5,9,15,.26),transparent 70%);
  opacity:calc(.5 - var(--recent-exit) * .5);
}
.recent-archive__head,.recent-archive__track{
  transform:translate3d(0,calc(var(--recent-exit) * -9px),0);
  opacity:calc(1 - var(--recent-exit) * .58);
}
.recent-file:nth-child(2){transform:translate3d(0,calc(var(--recent-exit) * -6px),0);opacity:calc(1 - var(--recent-exit) * .62)}
.recent-file:nth-child(3){transform:translate3d(0,calc(var(--recent-exit) * -4px),0);opacity:calc(1 - var(--recent-exit) * .65)}
.recent-file:nth-child(4){transform:translate3d(0,calc(var(--recent-exit) * -2px),0);opacity:calc(1 - var(--recent-exit) * .68)}
.recent-file:nth-child(5){opacity:calc(1 - var(--recent-exit) * .7)}
.recent-file:nth-child(6){opacity:calc(1 - var(--recent-exit) * .72)}
.recent-archive__track{grid-template-columns:repeat(6,minmax(0,1fr));border-color:rgba(232,210,165,.2)}
.recent-file{padding:18px 18px 15px;border-color:rgba(232,210,165,.2);background:linear-gradient(180deg,rgba(9,17,27,.22),rgba(8,12,20,.05));backdrop-filter:blur(4px);overflow:hidden}
.recent-file>span{right:16px;top:17px;font-size:10px}.recent-file>p{padding-right:24px;font-size:9px;line-height:1.35}.recent-file h2{margin:0 0 9px;font-size:clamp(17px,1.45vw,24px);line-height:.98}.recent-file small{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.3}
.recent-archive + .ledger-floor{
  --intro-world-reveal:0;
  margin-top:clamp(18px,3vh,44px);
  padding-top:clamp(190px,22vh,285px);
}
.recent-archive + .ledger-floor .ledger-scene{
  opacity:calc(.12 + var(--intro-world-reveal) * .88)!important;
  filter:blur(calc(18px - var(--intro-world-reveal) * 18px)) brightness(calc(.45 + var(--intro-world-reveal) * .55)) saturate(calc(.72 + var(--intro-world-reveal) * .36))!important;
  transform:translate3d(0,calc((1 - var(--intro-world-reveal)) * 8%),0) scale(calc(1.26 - var(--intro-world-reveal) * .12))!important;
}
.recent-archive + .ledger-floor::after{
  background:linear-gradient(180deg,#05070c 0%,rgba(5,7,12,.95) 11%,rgba(5,7,12,.36) 25%,transparent 47%,rgba(5,7,12,.12) 68%,rgba(5,7,12,.8) 88%,#05070c);
}
@media(prefers-reduced-motion:reduce){
  .recent-archive,.recent-archive__head,.recent-archive__track,.recent-file:nth-child(2){transform:none!important;filter:none!important;opacity:1!important}
  .recent-archive + .ledger-floor .ledger-scene{opacity:1!important;filter:none!important;transform:none!important}
}
@media(max-width:1100px){
  .recent-archive__track{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .recent-archive{min-height:330px;width:min(620px,calc(100% - 34px))}
  .recent-file{min-height:185px}
  .recent-archive{transform:translate3d(0,calc(var(--recent-exit) * -18px),0) scale(calc(1 - var(--recent-exit) * .025))}
  .recent-archive + .ledger-floor{margin-top:18px;padding-top:160px}
}
@media(max-width:680px){.recent-archive__track{grid-template-columns:repeat(2,minmax(0,1fr))}}