/**
 * Self-hosted Graphik webfont kit (public/fonts/graphik/) — licensed from
 * Commercial Type, so it's served from here rather than a public CDN.
 * Weight numbers follow Graphik's own 9-weight scale (Thin=100 … Super=900).
 */

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Thin-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Thin-Web.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-ThinItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-ThinItalic-Web.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Extralight-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Extralight-Web.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-ExtralightItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-ExtralightItalic-Web.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Light-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Light-Web.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-LightItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-LightItalic-Web.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Regular-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Regular-Web.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-RegularItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-RegularItalic-Web.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Medium-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Medium-Web.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-MediumItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-MediumItalic-Web.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Semibold-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Semibold-Web.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-SemiboldItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-SemiboldItalic-Web.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Bold-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Bold-Web.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-BoldItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-BoldItalic-Web.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Black-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Black-Web.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-BlackItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-BlackItalic-Web.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-Super-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-Super-Web.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/fonts/graphik/Graphik-SuperItalic-Web.woff') format('woff'),
         url('/fonts/graphik/Graphik-SuperItalic-Web.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}