/**
* @license
*
* Font Family: Familjen Grotesk
* Designed by: Familjen STHLM AB
* URL: https://www.fontshare.com/fonts/familjen-grotesk
* © 2026 Indian Type Foundry
*
* Familjen Grotesk Regular 
* Familjen Grotesk Italic 
* Familjen Grotesk Medium 
* Familjen Grotesk MediumItalic 
* Familjen Grotesk SemiBold 
* Familjen Grotesk SemiBoldItalic 
* Familjen Grotesk Bold 
* Familjen Grotesk BoldItalic 
* Familjen Grotesk Variable (Variable font)
* Familjen Grotesk VariableItalic (Variable font)

*
*/
@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-Regular.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-Regular.woff') format('woff'), url('../fonts/FamiljenGrotesk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-Italic.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-Italic.woff') format('woff'), url('../fonts/FamiljenGrotesk-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

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

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

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-SemiBold.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-SemiBold.woff') format('woff'), url('../fonts/FamiljenGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-SemiBoldItalic.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-SemiBoldItalic.woff') format('woff'), url('../fonts/FamiljenGrotesk-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}

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

@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-BoldItalic.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-BoldItalic.woff') format('woff'), url('../fonts/FamiljenGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 400.0 to 700.0
*/
@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-Variable.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-Variable.woff') format('woff'), url('../fonts/FamiljenGrotesk-Variable.ttf') format('truetype');
    font-weight: 400 700;
    font-display: swap;
    font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 400.0 to 700.0
*/
@font-face {
    font-family: 'Familjen Grotesk';
    src: url('../fonts/FamiljenGrotesk-VariableItalic.woff2') format('woff2'), url('../fonts/FamiljenGrotesk-VariableItalic.woff') format('woff'), url('../fonts/FamiljenGrotesk-VariableItalic.ttf') format('truetype');
    font-weight: 400 700;
    font-display: swap;
    font-style: italic;
}