/* P-025 page-wipe — Poynter extract. Rebound: Whiskey Cedar surface + shadow tokens only. */

.page-wipe{
  position:fixed;inset:-2%;z-index:90;pointer-events:none;
  background:var(--bg);
  box-shadow:0 0 90px var(--wipe-shadow,rgba(11,18,38,.28));
}
.page-wipe.dir-up{transform:translateY(103%)}
.page-wipe.dir-left{transform:translateX(103%)}
.page-wipe.dir-right{transform:translateX(-103%)}
.page-wipe.run{transform:translate(0,0);transition:transform .5s cubic-bezier(.65,0,.35,1)}

html.wipe-in::before{
  content:"";position:fixed;inset:-2%;z-index:90;pointer-events:none;
  background:var(--bg);
  box-shadow:0 0 90px var(--wipe-shadow,rgba(11,18,38,.28));
  animation:lc-wipe-away-up .62s cubic-bezier(.65,0,.35,1) .06s forwards;
}
html.wipe-in.wipe-left::before{animation-name:lc-wipe-away-left}
html.wipe-in.wipe-right::before{animation-name:lc-wipe-away-right}
@keyframes lc-wipe-away-up{to{transform:translateY(-103%)}}
@keyframes lc-wipe-away-left{to{transform:translateX(-103%)}}
@keyframes lc-wipe-away-right{to{transform:translateX(103%)}}
@media (prefers-reduced-motion:reduce){html.wipe-in::before{display:none}}