/* Creato Display Font Faces */
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Thin.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-ThinItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Light.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-LightItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Regular.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-RegularItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Medium.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-MediumItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Bold.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-BoldItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-ExtraBold.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-ExtraBoldItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ExtraBoldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-Black.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('/fonts/creato-display/CreatoDisplay-BlackItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Also alias 'creato-display-font' */
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Thin.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-ThinItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Light.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-LightItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Regular.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-RegularItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Medium.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-MediumItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Bold.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-BoldItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-ExtraBold.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-ExtraBoldItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-ExtraBoldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-Black.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'creato-display-font';
    src: url('/fonts/creato-display/CreatoDisplay-BlackItalic.otf') format('opentype'),
         url('/assets/fonts/creato-display/CreatoDisplay-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-sans: 'Creato Display', 'creato-display-font', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-creato: 'Creato Display', 'creato-display-font', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body, input, button, select, textarea, optgroup {
    font-family: 'Creato Display', 'creato-display-font', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}