/* Shared visual values, established on the Art landing page. */
:root {
  --site-bg: #000;
  --site-text: #f5f5f5;
  --site-muted: #b8b8b8;
  --site-rule: #383838;
  --site-control-rule: #555;
  --site-width: 840px;
  --site-gutter: 22px;
  --site-body: 14px;
  --site-small: 12px;
  --site-heading: 20px;
  --site-feed-heading: 18px;
  --site-select: 13px;
  --site-page-title: 26px;
  --site-font: Arial, Helvetica, sans-serif;
  --site-radius: 3px;
}
@media (min-width:701px) {
  :root {
    --site-gutter: 35px;
    --site-body: clamp(14px, calc(10.5px + .5vw), 16px);
    --site-small: clamp(12px, calc(10.25px + .25vw), 13px);
    --site-heading: clamp(20px, calc(13px + 1vw), 24px);
    --site-feed-heading: clamp(18px, calc(7.5px + 1.5vw), 24px);
    --site-select: clamp(13px, calc(7.75px + .75vw), 16px);
    --site-page-title: clamp(26px, calc(15.5px + 1.5vw), 32px);
  }
}