@font-face { font-family: 'Fraunces'; src: url('../fonts/Fraunces.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
    --ease-out: cubic-bezier(.22, 1, .36, 1); --ease-state: cubic-bezier(.4, 0, .2, 1);
    --green: #143b2e; --green-deep: #09291f; --green-soft: #214b3a;
    --paper: #f0e8c9; --paper-soft: #dedbbd; --accent: #ef926b;
    --gold: #d3b778; --ink: #173e2f; --rule: #8b9676;
    --display: 'Fraunces', Georgia, serif; --serif: Georgia, 'Times New Roman', serif;
    --shell: 1160px; --gutter: 12px; --controls-height: 118px;
}
@media (min-width: 640px) { :root { --gutter: 24px; } }