/* Open City, DESIGN.md. Body copy uses cream and paper only. */
:root {
 --cream:#FBF6EE; --paper:#FFFDF9; --ink:#2A2622; --ink-soft:#554D45;
 --line:#D8D0C7; --mint:#C5D9CC; --sky:#BFD3E3; --pink:#E9C6CE;
 --lilac:#D3C9DF; --lemon:#EBE2B8; --peach:#EDCFB6; --terracotta:#B5533A;
 --font-display:'Fraunces',Georgia,serif; --font-body:'Manrope',Arial,sans-serif;
 --font-arabic:'Amiri',serif; --radius-control:2px; --radius-image:0;
 --tap:2.75rem; --max:75rem; --reading:60ch; --gutter:1.25rem;
 --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
 --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
 --space-12:3rem; --space-16:4rem; --reveal:220ms; --ease:cubic-bezier(.2,0,0,1);
}
@media(max-width:340px){:root{--gutter:1rem}}
@media(min-width:768px){:root{--gutter:1.5rem}}
@media(min-width:1100px){:root{--gutter:2.5rem}}