@layer pages{.landing{overflow:hidden}.water{background:linear-gradient(180deg, var(--water-high) 0%, var(--water-mid) 38%, var(--water-deep) 100%);width:100%;height:100%;position:fixed;inset:0}.js .water{opacity:0}.water-on .water{opacity:1}.bar{z-index:2;position:fixed;top:0;left:0;right:0}.landing .foot{z-index:2;position:fixed;bottom:0;left:0;right:0}.bar,.landing .foot{transition:opacity var(--dur-enter) var(--ease-out) .35s, transform var(--dur-enter) var(--ease-out) .35s, color var(--dur-fast)}.is-moving .bar .brand-link,.is-moving .bar .icon-btn{transition-duration:var(--move)}.is-moving .landing .foot{transition-duration:var(--dur-enter), var(--dur-enter), var(--move)}.js:not(.is-back):not(.is-loaded) .bar{opacity:0;transform:translateY(-6px)}.js:not(.is-back):not(.is-loaded) .landing .foot{opacity:0;transform:translateY(6px)}.is-swapping .bar,.is-swapping .foot{opacity:.4;transition-delay:0s}}