/* Original flat-gold page transition. */
.gold-transition,html.gold-arrival::before{position:fixed;inset:0;z-index:2147483000;pointer-events:none;contain:paint;background:#cfb779;transform:translate3d(-130%,0,0) skewX(-15deg);will-change:transform}
.gold-transition.is-covering{pointer-events:auto}
html.gold-arrival::before{content:"";animation:gold-sheet-reveal .8s cubic-bezier(.27,0,.51,1) both}
@keyframes gold-sheet-reveal{from{transform:translate3d(0,0,0) skewX(0)}to{transform:translate3d(130%,0,0) skewX(-15deg)}}
.motion-paused .gold-transition,html.motion-paused.gold-arrival::before{display:none}
@media(prefers-reduced-motion:reduce){.gold-transition,html.gold-arrival::before{display:none;animation:none}}

/* Reveal a stationary menu with the same angled sweep, in warm black. */
#webivelo-nav,.nav-dialog{background:#141210}
#webivelo-nav::backdrop,.nav-dialog::backdrop{background:transparent}
#webivelo-nav[open],.nav-dialog[open]{animation:menu-black-sweep .55s cubic-bezier(.27,0,.51,1) both}
#webivelo-nav[open]>*,.nav-dialog[open]>*{animation:menu-content-reveal .35s .28s ease-out both}
@keyframes menu-black-sweep{
 from{clip-path:polygon(0 0,0 0,-30% 100%,0 100%)}
 to{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}
}
@keyframes menu-content-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.motion-paused #webivelo-nav[open],.motion-paused .nav-dialog[open],.motion-paused #webivelo-nav[open]>*,.motion-paused .nav-dialog[open]>*{animation:none}
@media(prefers-reduced-motion:reduce){#webivelo-nav[open],.nav-dialog[open],#webivelo-nav[open]>*,.nav-dialog[open]>*{animation:none}}