/* v2.9 rabbit-hole transition. Loaded in <head> on every page (tiny) so the arrival animation can start before first paint. */
.rh-canvas{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2147483000;background:#05080a;opacity:0;transition:opacity .28s linear;touch-action:none;cursor:progress;display:block}
.rh-canvas.on{opacity:1}
.rh-sr{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.rh-out #main,html.rh-out .site-header,html.rh-out .tabbar{opacity:0;transition:opacity .7s ease-in .1s}
/* arrival: the tunnel's dark ring opens from the centre and rushes past the edges while the page fades up. Only opacity + transform are animated (compositor-only). */
html.rh-in::before{content:"";position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147483000;pointer-events:none;
  background:radial-gradient(circle closest-side at 50% 50%,rgba(255,226,140,.9) 0,rgba(5,8,10,0) 9%,rgba(5,8,10,0) 24%,rgba(5,8,10,.92) 52%,#05080a 100%);
  transform-origin:50% 50%;will-change:transform,opacity;animation:rh-open .85s cubic-bezier(.45,.05,.55,.95) both}
html.rh-in #main{animation:rh-rise .8s ease-out both}
@keyframes rh-open{0%{transform:scale(1);opacity:1}55%{opacity:1}100%{transform:scale(7);opacity:0}}
@keyframes rh-rise{0%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .rh-canvas{transition:opacity .2s linear}
  html.rh-out #main,html.rh-out .site-header,html.rh-out .tabbar{transition:none}
  html.rh-in::before{background:#05080a;transform:none;will-change:auto;animation:rh-fade .25s linear both}
  html.rh-in #main{animation:none}
  @keyframes rh-fade{0%{opacity:1}100%{opacity:0}}
}