.landing{background-color:var(--bg);display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 0 0;min-height:100dvh;overflow:hidden}.landing .intro{width:100%;max-width:var(--column);padding:0 var(--gutter);font-family:var(--font-body);font-size:16px;line-height:1.6}.landing .intro-name{margin:0 0 1.5rem;font-family:var(--font-display);font-size:2.4rem;line-height:1.2;color:var(--heading)}.landing .intro a{color:var(--link);text-decoration:underline}.landing .hero{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.landing #canvas{font-family:Courier New,monospace;font-size:1.5dvh;line-height:120%;letter-spacing:0;white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:57.6dvh;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none}.landing .hero-hint{margin:.75rem 0 0;color:var(--text)}.landing .hero-hint,.scroll-pill{font-family:var(--font-body);font-size:16px;line-height:1.6}.scroll-pill{position:fixed;bottom:1.5rem;left:0;right:0;margin:0 auto;width:-moz-fit-content;width:fit-content;z-index:10;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.15rem;border-radius:999px;color:var(--heading);text-decoration:none;background:rgba(128,128,128,.18);border:1px solid rgba(0,0,0,.07);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);transition:opacity .25s ease}.scroll-pill:hover{background:rgba(128,128,128,.28)}.scroll-pill.is-hidden{opacity:0;pointer-events:none}