@font-face {
  font-family:"HK Grotesk";
  src:url("/assets/fonts/hk-grotesk/HKGrotesk-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:block;
}
@font-face {
  font-family:"HK Grotesk";
  src:url("/assets/fonts/hk-grotesk/HKGrotesk-Medium.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:block;
}
@font-face {
  font-family:"HK Grotesk";
  src:url("/assets/fonts/hk-grotesk/HKGrotesk-SemiBold.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:block;
}
@font-face {
  font-family:"HK Grotesk";
  src:url("/assets/fonts/hk-grotesk/HKGrotesk-Bold.woff2") format("woff2");
  font-style:normal;
  font-weight:700 900;
  font-display:block;
}

@font-face {
  font-family:"Instrument Serif";
  src:url("/assets/fonts/instrument-serif/InstrumentSerif-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:block;
}
@font-face {
  font-family:"Instrument Serif";
  src:url("/assets/fonts/instrument-serif/InstrumentSerif-Italic.ttf") format("truetype");
  font-style:italic;
  font-weight:400;
  font-display:block;
}

:root { --sans:"HK Grotesk",Arial,sans-serif; }
body,button,input,select,textarea { font-family:"HK Grotesk",Arial,sans-serif; }

/* The public pages share one stable shell. Navigation itself stays native:
   no opacity, transform or snapshot animation can introduce an incorrect frame. */
html { background:#f1f4f9; }