/* SATOSHI — Light (300) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* SATOSHI — Regular (400) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* SATOSHI — Bold (700) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* SATOSHI — Light Italic (300 italic) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* SATOSHI — Regular Italic (400 italic) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* SATOSHI — Bold Italic (700 italic) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://reachout.fi.digiveljet.dev/files/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* WPBakery-käyttöluokka */
.font-satoshi {
    font-family: 'Satoshi', sans-serif;
}