@font-face{font-family:'Archivo';src:url('../assets/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Archivo';src:url('../assets/fonts/Archivo-Italic-VariableFont_wdth_wght.ttf') format('truetype-variations');font-weight:100 900;font-style:italic;font-display:swap;}
@font-face{font-family:'Grotesk Sub';src:local('Archivo');font-weight:400 700;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Thin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-ThinItalic.ttf') format('truetype');font-weight:100;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');font-weight:200;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap;}
:root{
/* Display type leans on a bold grotesque (Archivo, a free stand-in for a custom
   institutional wordmark face) while body copy runs a plain Helvetica/system sans stack. */
--font-display:'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--font-body:'Helvetica Neue', Helvetica, Arial, 'Archivo', sans-serif;
--font-mono:'IBM Plex Mono', 'SF Mono', Menlo, monospace;

--fw-light:300; /* @kind other */
--fw-regular:400; /* @kind other */
--fw-medium:500; /* @kind other */
--fw-bold:700; /* @kind other */
--fw-black:900; /* @kind other */

--fs-caption:12px;
--fs-small:13px;
--fs-body:16px;
--fs-body-lg:18px;
--fs-h6:20px;
--fs-h5:24px;
--fs-h4:32px;
--fs-h3:40px;
--fs-h2:56px;
--fs-h1:80px;
--fs-display:120px;

--lh-tight:1.05; /* @kind other */
--lh-heading:1.15; /* @kind other */
--lh-body:1.5; /* @kind other */
--lh-loose:1.7; /* @kind other */

--ls-tight:-0.01em; /* @kind other */
--ls-wide:0.04em; /* @kind other */
--ls-caps:0.08em; /* @kind other */
}