/* Spacing & layout. The website is built on a 20px rhythm with 100px
   section padding and a 1274px content column at desktop. */
:root{
  --hg-space-1:5px;
  --hg-space-2:10px;
  --hg-space-3:15px;
  --hg-space-4:20px;
  --hg-space-5:25px;
  --hg-space-6:30px;
  --hg-space-8:40px;
  --hg-space-10:50px;
  --hg-space-12:60px;
  --hg-space-16:80px;
  --hg-space-20:100px;

  --hg-container:1274px;
  --hg-container-wide:1574px;
  --hg-gutter:40px;
  --hg-section-py:100px;
  --hg-section-py-tight:60px;
  --hg-header-h:120px;
  --hg-hero-h:750px;
  --hg-drawer-w:340px;
}