/* A feathered directional dissolve: depart right-to-left, reveal left-to-right. */
@property --project-edge{syntax:'<percentage>';inherits:false;initial-value:-55%}
@view-transition{navigation:none}
html::after{content:'';position:fixed;inset:0;z-index:99999;background:#faf9f6;pointer-events:none;opacity:0}
html.project-leaving::after{opacity:1;pointer-events:auto;mask-image:linear-gradient(225deg,#000 calc(var(--project-edge) - 48%),transparent calc(var(--project-edge) + 48%));animation:project-soft-sweep 1.65s cubic-bezier(.35,0,.25,1) both}
html.project-entering::after{opacity:1;mask-image:linear-gradient(45deg,transparent calc(var(--project-edge) - 48%),#000 calc(var(--project-edge) + 48%));animation:project-soft-sweep 1.8s cubic-bezier(.25,.1,.25,1) both}
@keyframes project-soft-sweep{from{--project-edge:-55%}to{--project-edge:155%}}
@media(prefers-reduced-motion:reduce){html.project-leaving::after,html.project-entering::after{animation:none;opacity:0;pointer-events:none}}