@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/assets/fonts/hanken-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
a.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #202a33;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1.2px;
}
a.brand > img {
  display: block;
  width: 31px;
  height: 31px;
}
a.brand > span {
  line-height: 1;
}
:focus-visible {
  outline: 3px solid #254cf0;
  outline-offset: 5px;
}
/* Apply the current identity to older published information pages too. */
:root{--bg:#FAFAF8;--line:#DDE1E5;--text:#202A33;--dim:#626D77;--body:#4D5B67;--acc:#254CF0}
body{font-family:'Hanken Grotesk',sans-serif;background:var(--bg);color:var(--text)}
.card{background:#FFFFFF}