/* One viewport-wide water transition persists while the cover route is replaced. */
#page-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;visibility:hidden;--water-opacity:0}
#page-transition[data-mode="opening"],#page-transition[data-mode="entering"],#page-transition[data-mode="returning"]{visibility:visible}
#page-transition:before{content:"";position:absolute;inset:0;opacity:var(--water-opacity);background:linear-gradient(150deg,#e9faff 0%,#c6edfa 42%,#b5e1f2 100%)}
#page-transition #opening-bubbles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
/* The content page keeps its scrollbar while masked, so revealing it cannot resize the layout. */
body.entering-home[data-view="cover"]{overflow:hidden}
body.entering-home #main,body.entering-home .site-header,body.entering-home .site-footer{pointer-events:none}
[data-motion="reduced"] #page-transition{visibility:hidden!important}
@media(prefers-reduced-motion:reduce){#page-transition{visibility:hidden!important}}