.doc{max-width:46rem;margin:0 auto;padding:var(--space-2xl) var(--page-gutter) var(--space-3xl);display:grid;gap:var(--space-lg)}.doc h1{font:800 clamp(2.2rem,3vw + 1rem,3.4rem)/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.doc h2{font:800 1.5rem/1.2 var(--font-display);letter-spacing:-.015em;margin:var(--space-xl) 0 0}.doc h3{font:600 1.05rem/1.4 var(--font-body);margin:var(--space-md) 0 0}.doc p,.doc li{color:var(--color-ink-2);max-width:64ch}.doc ul{margin:0;padding-left:1.2rem;display:grid;gap:var(--space-xs)}.doc a{text-decoration-color:var(--color-red-text);text-underline-offset:3px}.doc .draft{border:var(--rule) solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);background:var(--color-paper-2);font-size:var(--text-sm);color:var(--color-ink-2)}.doc .updated{font-size:var(--text-sm);color:var(--color-muted)}.board{max-width:var(--page-max);margin:0 auto;padding:var(--space-2xl) var(--page-gutter) var(--space-3xl);display:grid;gap:var(--space-2xl)}.board h1{font:800 var(--text-display)/1.02 var(--font-display);letter-spacing:-.035em;margin:0}.board h2{font:800 1.6rem/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-md)}.board p{color:var(--color-ink-2);max-width:60ch}.board__logo{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.board__logo figure{margin:0;border-radius:var(--radius-lg);padding:var(--space-xl);display:grid;place-items:center;min-height:200px;background:var(--color-paper-2)}.board__logo figure.on-ink{background:#1e1713}.board__logo figcaption{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-xs)}.board__intro{display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--color-paper-2);aspect-ratio:677 / 236;max-width:720px;padding:8% 10%;overflow:hidden}.intro-logo{width:100%;height:auto;overflow:visible;color:var(--color-ink)}.intro-logo__letters{fill:currentColor}.intro-logo__mo,.intro-logo__eyes{transform-box:fill-box}.intro-logo__mo{transform-origin:50% 100%}.intro-logo__eyes{transform-origin:50% 50%}@media (prefers-reduced-motion: no-preference){.board__intro.is-playing .intro-logo__letters{animation:intro-rise .7s var(--ease-out) both}.intro-logo__mo.is-drop{animation:intro-drop 1.1s var(--ease-out) .45s both}.intro-logo__mo.is-drop .intro-logo__eyes{animation:intro-blink 1.1s linear .45s both}.intro-logo__mo.is-hop{animation:mo-hop .9s var(--ease-in-out) both}.intro-logo__mo.is-hop .intro-logo__eyes{animation:mo-blink .9s linear both}}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes intro-drop{0%{opacity:0;transform:translateY(-160%) scale(.9,1.1)}45%{opacity:1;transform:translateY(0) scale(1.18,.82)}62%{transform:translateY(-28%) scale(.94,1.06)}78%{transform:translateY(0) scale(1.06,.94)}to{transform:none}}@keyframes intro-blink{0%,70%{transform:scaleY(.1)}80%,to{transform:none}}.swatches{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.swatch{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--color-rule-2)}.swatch i{display:block;height:88px}.swatch span{display:block;padding:var(--space-xs) var(--space-sm);font:.8rem/1.5 var(--font-mono);color:var(--color-ink-2);background:var(--color-paper)}.typespec{display:grid;gap:var(--space-lg)}.typespec .big{font:800 clamp(2.4rem,5vw,4.5rem)/1 var(--font-display);letter-spacing:-.035em}.typespec .body{font:400 1.125rem/1.6 var(--font-body);max-width:60ch}.typespec .mono{font:400 .95rem/1.6 var(--font-mono);color:var(--color-muted)}
