/* Raphael & Raphael — spacing & layout. 4px base; generous whitespace is a brand rule. */
:root{
  --space-0:0;
  --space-1:0.25rem;  /* 4 */
  --space-2:0.5rem;   /* 8 */
  --space-3:0.75rem;  /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.5rem;   /* 24 */
  --space-6:2rem;     /* 32 */
  --space-7:2.5rem;   /* 40 */
  --space-8:3rem;     /* 48 */
  --space-9:4rem;     /* 64 */
  --space-10:5rem;    /* 80 */
  --space-11:6rem;    /* 96 */
  --space-12:8rem;    /* 128 */

  --container-max:1200px;
  --container-narrow:760px;
  --gutter:var(--space-5);
  --section-y:var(--space-11);
  --section-y-tight:var(--space-9);

  /* Logo clear space = height of the ampersand. Multiply by the logo height in use. */
  --logo-clearspace-ratio:0.34; /* @kind other */
}