/* Dickyland 21.4. The old page is never animated or resized during navigation.
   The destination is rendered in an inert frame, then moves left-to-right over it.
   The live Agent stays pinned in FRONT of both page layers. */
@view-transition {navigation:none;}
#page-transition{display:none!important;}

#dg214-transition-shell{
 position:fixed;inset:0;z-index:9000;overflow:hidden;
 pointer-events:all;isolation:isolate;
 background:transparent;contain:layout paint;
}
#dg214-transition-shell .dg214-next-sheet{
 position:absolute;inset:0;width:100%;height:100%;
 transform:translate3d(-103%,0,0);
 will-change:transform;
 background:transparent;
 backface-visibility:hidden;
 mask-image:linear-gradient(to right,#000 0%,#000 93%,rgba(0,0,0,.88) 96%,rgba(0,0,0,.38) 99%,transparent 100%);
 -webkit-mask-image:linear-gradient(to right,#000 0%,#000 93%,rgba(0,0,0,.88) 96%,rgba(0,0,0,.38) 99%,transparent 100%);
 transition:transform 1020ms cubic-bezier(.19,.77,.19,1);
}
#dg214-transition-shell .dg214-next-frame{
 position:absolute;display:block;left:0;top:0;width:100%;height:100%;
 border:0;background:#081a2d;overflow:hidden;pointer-events:none;
 filter:saturate(1.02);
}
#dg214-transition-shell .dg214-fog-edge{
 position:absolute;top:-5%;left:0;width:clamp(90px,13vw,290px);height:110%;
 pointer-events:none;z-index:3;
 background:linear-gradient(90deg,transparent 0%,rgba(248,230,198,.07) 22%,rgba(255,248,229,.23) 64%,rgba(255,254,245,.40) 84%,transparent 100%);
 filter:blur(21px);opacity:0;transform:translate3d(-125vw,0,0);
}
#dg214-transition-shell.dg214-sliding .dg214-next-sheet{transform:translate3d(0,0,0);}
#dg214-transition-shell.dg214-sliding .dg214-fog-edge{
 opacity:1;
 animation:dg214-fog-forward 1020ms cubic-bezier(.19,.77,.19,1) both;
}
@keyframes dg214-fog-forward{
 0%{transform:translate3d(-15vw,0,0);opacity:0;}
 12%{opacity:.58;}
 84%{opacity:.82;}
 100%{transform:translate3d(calc(100vw - 12vw),0,0);opacity:0;}
}
#dg214-transition-shell.dg214-fog-only{
 pointer-events:all;background:linear-gradient(90deg,rgba(8,22,39,.02),rgba(255,246,225,.26),rgba(7,18,35,.04));
 animation:dg214-soft-fallback 420ms ease both;
}
@keyframes dg214-soft-fallback{
 from{opacity:0;backdrop-filter:blur(0px)}
 75%{opacity:1;backdrop-filter:blur(7px)}
 to{opacity:.92;backdrop-filter:blur(7px)}
}
/* The actual WebGL agent, not a copy, remains in front of the incoming page. */
body.dg-app #royal-agent,body #royal-agent{
 position:fixed!important;
 z-index:10020!important;
}
/* No speech zoom. The Agent must remain identical in scale and position. */
#royal-agent.model-ready.speaking .agent-view canvas,
#royal-agent.speaking .agent-view canvas{
 transform:none!important;
}
#royal-agent.speaking .agent-halo{transform:none!important;}
html.dg214-leading,html.dg214-leading body{scroll-behavior:auto!important;}

@media(prefers-reduced-motion:reduce){
 #dg214-transition-shell{display:none!important}
 #royal-agent.speaking .agent-view canvas{transform:none!important}
}