/* The original 720ms, 80vh-gradient camera pan, with isolated page previews. */
.enia-pan-preload{position:fixed;left:-200vw;top:0;width:100vw;height:100dvh;overflow:hidden;pointer-events:none}
body.enia-pan-active{overflow:hidden!important}
.enia-pan-overlay{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#f6f4ef;pointer-events:none}
.enia-pan-track{display:flex;flex-direction:column;width:100%;will-change:transform}
.enia-pan-current,.enia-pan-destination{display:block;position:relative;flex:none;width:100%;height:var(--pan-height);border:0;overflow:hidden;transform:translateZ(0)}
.enia-pan-content{width:100%;min-height:var(--pan-height)}
.enia-pan-gradient{position:relative;flex:none;height:calc(var(--pan-height)*.8);margin:0;background:linear-gradient(to bottom,#f6f4ef,#0c0c0c)}
.enia-pan-gradient::before,.enia-pan-gradient::after{content:'';position:absolute;inset:0;background-size:26px 26px}
.enia-pan-gradient::before{background-image:radial-gradient(circle,#ffffff2e 1px,transparent 1px);-webkit-mask-image:linear-gradient(to top,#000,transparent 55%);mask-image:linear-gradient(to top,#000,transparent 55%)}
.enia-pan-gradient::after{background-image:radial-gradient(circle,#0000002e 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 55%);mask-image:linear-gradient(to bottom,#000,transparent 55%)}
[data-pan-busy]{cursor:progress}
@media(prefers-reduced-motion:reduce){.enia-pan-preload{display:none}}