@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-Light.woff2") format("woff2");
  font-style:normal;
  font-weight:300;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-LightItalic.woff2") format("woff2");
  font-style:italic;
  font-weight:300;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-Book.woff2") format("woff2");
  font-style:normal;
  font-weight:350;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-BookItalic.woff2") format("woff2");
  font-style:italic;
  font-weight:350;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-RegularItalic.woff2") format("woff2");
  font-style:italic;
  font-weight:400;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-Medium.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-MediumItalic.woff2") format("woff2");
  font-style:italic;
  font-weight:500;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-Bold.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
}
@font-face{
  font-family:"TKE Type";
  src:url("../assets/fonts/TKEType-BoldItalic.woff2") format("woff2");
  font-style:italic;
  font-weight:700;
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:var(--fs-copy);
  line-height:var(--lh-body);
  font-weight:350;
  background:
    radial-gradient(circle at top right, rgba(204,78,0,.06), transparent 24rem),
    radial-gradient(circle at top left, rgba(112,0,189,.05), transparent 22rem),
    linear-gradient(180deg, #fff 0%, var(--bg) 100%);
  color:var(--text);
}
a{
  color:var(--accent);
  text-decoration:none;
  transition:color .18s ease;
}
a:hover{color:var(--accent-hover)}
button,input,select,textarea{font:inherit}
::selection{background:rgba(112,0,189,.16);color:var(--text)}

h1,h2,h3,h4,h5,h6{
  margin:0;
  color:var(--text);
  font-family:var(--font-display);
  line-height:var(--lh-heading);
  letter-spacing:-.02em;
}

h1{font-size:var(--fs-h1);font-weight:300;line-height:var(--lh-tight)}
h2{font-size:var(--fs-h2);font-weight:500}
h3{font-size:var(--fs-h3);font-weight:500}
h4{font-size:var(--fs-h4);font-weight:500}
h5{font-size:var(--fs-h5);font-weight:500}
h6{font-size:var(--fs-stage);font-weight:500}

p,li,dd,dt,blockquote{
  font-size:var(--fs-copy);
  line-height:var(--lh-body);
}

small{
  font-size:var(--fs-copy-sm);
  line-height:1.4;
}

label{
  font-size:var(--fs-label);
  line-height:1.35;
}

strong,b{
  font-weight:700;
}