.hero{position:relative}.hero canvas{touch-action:pan-y;cursor:crosshair;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.hero-runway{pointer-events:none;height:220vh;position:relative}.hero-loader{z-index:1;background:var(--ink);font-variant-numeric:tabular-nums;place-items:center;transition:opacity 1.1s .15s;display:grid;position:fixed;inset:0}.hero-loader .meta{color:#d8dedd73}.hero.is-ready .hero-loader,.hero.is-failed .hero-loader{opacity:0;pointer-events:none}.hero-fallback img{width:min(60vw,420px);height:auto}.hero-fallback{background:var(--fog);height:100svh;color:var(--ink);place-items:center;margin:0;display:none}.hero.is-failed .hero-fallback{display:grid}.hero.is-failed canvas,.hero.is-failed .hero-runway{display:none}.hero-hint{z-index:1;left:var(--gutter);bottom:calc(22px + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;margin:0;transition:opacity .4s;display:flex;position:fixed}.hero-hint i{background:var(--teal);border-radius:50%/40% 40% 60% 60%;width:6px;height:9px;display:block}.hero.is-failed .hero-hint{display:none}.is-flooded .hero-hint{color:#d8dedd80}