*{ box-sizing:border-box; }
html,body{ height:100%; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: var(--font);
  color: var(--text);
  background: radial-gradient(1200px 600px at 20% 10%, rgba(95,99,104,.10), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(214,194,165,.18), transparent 55%),
              var(--bg);
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button, input, textarea, select{ font:inherit; }
.container{
  max-width: var(--container);
  margin:0 auto;
  padding: 0 var(--pad);
}
.visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;
}
.kicker{
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.72rem;
  color: var(--muted);
}
h1,h2,h3{ margin:0 0 .6rem 0; }
p{ margin:0 0 1rem 0; color: var(--muted); line-height:1.65; }
hr.sep{
  border:0; border-top:1px solid var(--line);
  margin: 26px 0;
}
code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }