/* Dickyland 21.5: Agent pulls the real next-page preview toward the visitor. */
@view-transition {navigation:none;}
#page-transition,#dg214-transition-shell{display:none!important}

#dg215-pull-stage{
 position:fixed;inset:0;z-index:9000;isolation:isolate;pointer-events:all;
 overflow:hidden;perspective:1800px;perspective-origin:70% 49%;
 background:transparent;
}
#dg215-pull-stage .dg215-lightwell{
 position:absolute;inset:0;pointer-events:none;opacity:0;
 background:radial-gradient(ellipse at 72% 45%,rgba(249,212,153,.13),transparent 40%);
 transition:opacity .7s ease;
}
#dg215-pull-stage .dg215-next-shadow{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 border-radius:24px;background:rgba(0,0,0,.35);
 filter:blur(35px);opacity:0;
 transform:translate3d(33vw,5vh,-50px) scale(.67);
 transform-origin:82% 53%;
 transition:transform 1150ms cubic-bezier(.15,.85,.13,1),opacity 500ms ease;
}
#dg215-pull-stage .dg215-next-sheet{
 position:absolute;inset:0;z-index:2;overflow:hidden;
 transform-origin:82% 53%;
 transform:translate3d(33vw,5vh,0) rotateY(-12deg) rotateZ(-1deg) scale(.62);
 border-radius:24px;outline:1px solid rgba(247,207,131,.56);
 background:#081a2d;
 box-shadow:0 12px 90px rgba(0,0,0,.42),0 0 0 7px rgba(248,204,125,.07);
 filter:blur(11px) saturate(.85);opacity:0;
 backface-visibility:hidden;
 transition:transform 1170ms cubic-bezier(.14,.88,.17,1),border-radius 1060ms ease,
             filter 870ms cubic-bezier(.2,.8,.2,1),opacity 220ms ease;
 will-change:transform,filter,opacity;
}
#dg215-pull-stage .dg215-next-frame{
 position:absolute;inset:0;width:100%;height:100%;border:0;
 background:#091b2e;pointer-events:none;display:block;
}
#dg215-pull-stage .dg215-gold-rim{
 position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;
 border:2px solid rgba(245,206,143,.8);
 box-shadow:inset 0 0 38px rgba(250,215,169,.17),0 0 23px rgba(244,195,120,.24);
 opacity:.65;transition:opacity 600ms ease;
}
#dg215-pull-stage .dg215-fog-edge{
 position:absolute;z-index:4;inset:-10%;pointer-events:none;opacity:0;
 background:linear-gradient(101deg,transparent 28%,rgba(252,237,211,.11) 40%,rgba(255,244,220,.39) 48%,rgba(253,243,222,.17) 53%,transparent 65%);
 filter:blur(32px);transform:translateX(45%);
}
#dg215-pull-stage.dg215-reveal .dg215-next-sheet{
 opacity:1;filter:blur(7px) saturate(.98);
 transform:translate3d(22vw,4vh,0) rotateY(-9deg) rotateZ(-.5deg) scale(.74);
 transition-duration:260ms;
}
#dg215-pull-stage.dg215-reveal .dg215-lightwell{opacity:1}
#dg215-pull-stage.dg215-reveal .dg215-next-shadow{opacity:.65;transform:translate3d(22vw,5vh,-50px) scale(.74);transition-duration:260ms}
#dg215-pull-stage.dg215-pull .dg215-next-sheet{
 opacity:1;filter:blur(0) saturate(1);border-radius:0;
 transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1);
 transition-duration:1160ms;
}
#dg215-pull-stage.dg215-pull .dg215-next-shadow{
 opacity:0;transform:translate3d(0,0,-50px) scale(1);transition-duration:1160ms;
}
#dg215-pull-stage.dg215-pull .dg215-gold-rim{opacity:0}
#dg215-pull-stage.dg215-pull .dg215-fog-edge{
 animation:dg215-veil 1160ms cubic-bezier(.13,.72,.19,1) both;
}
@keyframes dg215-veil{
 0%{opacity:0;transform:translateX(50%)}
 19%{opacity:.54}
 72%{opacity:.63}
 100%{opacity:0;transform:translateX(-55%)}
}
/* Nothing underneath moves before the new page covers it. */
html.dg215-leading,html.dg215-leading body{scroll-behavior:auto!important}
body.dg215-locking{overflow:hidden!important}
/* Agent remains at the very front, at exactly the same scale. */
body #royal-agent{position:fixed!important;z-index:10100!important}
#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}
@media(max-width:700px){
 #dg215-pull-stage .dg215-next-sheet{transform:translate3d(16vw,3vh,0) rotateY(-7deg) scale(.78);border-radius:16px}
 #dg215-pull-stage.dg215-reveal .dg215-next-sheet{transform:translate3d(10vw,2vh,0) rotateY(-5deg) scale(.85)}
 #dg215-pull-stage .dg215-next-shadow{filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){#dg215-pull-stage{display:none!important}}