/* Keep navigation visible while reserving its measured height in the page. */
.app{min-height:0;padding-bottom:calc(var(--home-nav-height,140px) + 20px)}
main{padding-bottom:24px}
.bottom-nav{position:fixed;bottom:var(--nav-viewport-offset,0px);left:50%;right:auto;transform:translateX(-50%);margin:0;width:100%;max-width:480px;z-index:30;min-height:110px;padding-top:22px}

/* Lift the artwork slightly, keeping its reserved space above the menu. */
.logo-showcase>img,.logo-showcase>.hero-return-sprite,.logo-showcase>.hero-curl-canvas,.logo-showcase>.hero-pixels-canvas{translate:0 -14px}

/* Header belongs to the page: it scrolls away instead of covering the hero. */
.app{padding-top:0}
.topbar{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:480px;z-index:20;background:#090b09;isolation:isolate}