@font-face {
  font-family: Roobert;
  src: url('../fonts/RoobertTRIALVF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert SemiMono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert SemiMono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert SemiMono;
  src: url('../fonts/RoobertSemiMonoTRIAL-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert SemiMono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert SemiMono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Mono;
  src: url('../fonts/RoobertMonoTRIAL-Bold.woff2') format("woff2"), url('../fonts/RoobertMonoTRIAL-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Mono;
  src: url('../fonts/RoobertMonoTRIAL-SemiBold.woff2') format("woff2"), url('../fonts/RoobertMonoTRIAL-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Mono;
  src: url('../fonts/RoobertMonoTRIAL-Medium.woff2') format("woff2"), url('../fonts/RoobertMonoTRIAL-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Mono;
  src: url('../fonts/RoobertMonoTRIAL-Regular.woff2') format("woff2"), url('../fonts/RoobertMonoTRIAL-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Mono;
  src: url('../fonts/RoobertMonoTRIAL-Light.woff2') format("woff2"), url('../fonts/RoobertMonoTRIAL-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Medium.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Regular.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format("woff2"), url('../fonts/HelveticaNowDisplay-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Diatype;
  src: url('../fonts/ABCDiatype-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Diatype;
  src: url('../fonts/ABCDiatype-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Diatype;
  src: url('../fonts/ABCDiatype-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Diatype;
  src: url('../fonts/ABCDiatype-Heavy.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Diatype;
  src: url('../fonts/ABCDiatype-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Display;
  src: url('../fonts/FeatureDisplay-Light-Web.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Text;
  src: url('../fonts/FeatureText-Regular-Web.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Display;
  src: url('../fonts/FeatureDisplay-Extralight-Web.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Display;
  src: url('../fonts/FeatureDisplay-LightItalic-Web.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Editorial New;
  src: url('../fonts/EditorialNew-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-MediumItalic-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-Regular-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-RegularItalic-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-Extrabold-Trial.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-BoldItalic-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-Light-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-Medium-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-ExtraboldItalic-Trial.otf') format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-Bold-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Feature Deck Condensed;
  src: url('../fonts/FeatureDeckCondensed-LightItalic-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-95Black-Trial.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-65Medium-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-75Bold-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-35Thin-Trial.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-55Roman-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-45Light-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Grotesk Display;
  src: url('../fonts/NeueHaasGrotDisp-25XThin-Trial.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-MediumSqueezed.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert VF;
  src: url('../fonts/RoobertTRIALVF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System VF;
  src: url('../fonts/MDSystem-VF.woff2') format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Balto;
  src: url('../fonts/BaltoBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Balto;
  src: url('../fonts/BaltoMedium.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Balto;
  src: url('../fonts/BaltoRegular.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Balto;
  src: url('../fonts/BaltoBlack.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Saans Semi Mono;
  src: url('../fonts/SaansSemiMono-TRIAL-VF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Saans Mono;
  src: url('../fonts/SaansMono-TRIAL-VF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Semi Mono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Semi Mono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Semi Mono;
  src: url('../fonts/RoobertSemiMonoTRIAL-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert Semi Mono;
  src: url('../fonts/RoobertSemiMonoTRIAL-SemiBoldItalic.woff2') format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Sans;
  src: url('../fonts/IBM-Plex-Sans-Var-Roman.woff2') format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Matter GX;
  src: url('../fonts/MatterGX.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Mono;
  src: url('../fonts/DMMono_Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Mono;
  src: url('../fonts/DMMono_Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lateral Standard;
  src: url('../fonts/Font-Lateral-StandardRegular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lateral Standard;
  src: url('../fonts/Font-Lateral-StandardMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lateral Standard;
  src: url('../fonts/Font-Lateral-StandardBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Typewriter WOFF;
  src: url('../fonts/Typewriter.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Neue;
  src: url('../fonts/RMNeue-VF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lateral Standard;
  src: url('../fonts/Lateral-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lateral Standard;
  src: url('../fonts/Lateral-Thin.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Neue Montreal Mono;
  src: url('../fonts/PPNeueMontrealMono-Variable.woff2') format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FT Aktual;
  src: url('../fonts/FTAktualTrial-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FT Aktual;
  src: url('../fonts/FTAktualTrial-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FT Aktual;
  src: url('../fonts/FTAktualTrial-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FT Aktual;
  src: url('../fonts/FTAktualTrial-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FT Aktual;
  src: url('../fonts/FTAktualTrial-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Display;
  src: url('../fonts/NeueHaasDisplay-Roman.woff2') format("woff2"), url('../fonts/NeueHaasDisplayRoman.c481f376.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Haas Display;
  src: url('../fonts/NeueHaasDisplay-Medium.woff2') format("woff2"), url('../fonts/NeueHaasDisplayMedium.9b55356f.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Garmin 5 3";
  src: url('../fonts/Garmin-5-3.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Garmin 10 5";
  src: url('../fonts/Garmin-10-5.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Favorit Mono;
  src: url('../fonts/63d16332db7e2c5f4fd30c63_ABCFavoritMono-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Area Normal;
  src: url('../fonts/AreaNormal-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Area Normal;
  src: url('../fonts/AreaNormal-Extrablack.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: F37 Ginger Mono;
  src: url('../fonts/F37GingerMono-VF.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basel Grotesk Mono;
  src: url('../fonts/Basel-Grotesk-Mono-Upright-and-Italic-Variable.woff2') format("woff2");
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Garmin 7 4";
  src: url('../fonts/Garmin-7-4.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basel Grotesk;
  src: url('../fonts/Basel-Grotesk-Upright-and-Italic-Variable.woff2') format("woff2");
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basel Classic Grotesk;
  src: url('../fonts/Basel-Collection-Classic-and-Grotesk-Variable.woff2') format("woff2");
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basel Mono Classic Grotesk;
  src: url('../fonts/Basel-Collection-Mono-Classic-and-Grotesk-Variable.woff2') format("woff2");
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Favorit;
  src: url('../fonts/643fab5f49cdbdb7d9dd9464_Abcfavorit-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Favorit;
  src: url('../fonts/63d16332dc54b146ab0eee35_ABCFavorit-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Monument Grotesk Mono;
  src: url('../fonts/ABCMonumentGroteskMono-Medium.fceaf225.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Zirkon;
  src: url('../fonts/GT-Zirkon-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Monument Condensed;
  src: url('../fonts/PPMonumentCondensed-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Monument Extended;
  src: url('../fonts/PPMonumentExtended-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Lettra Mono;
  src: url('../fonts/PPLettraMono-UprightVariable_cc08d5bd-4591-425f-8f17-d4f5432efb77.woff2') format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Monument Wide;
  src: url('../fonts/PPMonumentWide-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Monument Normal;
  src: url('../fonts/PPMonumentNormal-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Editorial Old;
  src: url('../fonts/PPEditorialOld-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Monument Narrow;
  src: url('../fonts/PPMonumentNarrow-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monospace Typewriter;
  src: url('../fonts/4ec07970e614eda6f36c7ef7d38ef0ce.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monospace Typewriter;
  src: url('../fonts/9d91438ed3e954c719ac4163729c7766.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Typewriter;
  src: url('../fonts/4ec07970e614eda6f36c7ef7d38ef0ce.woff') format("woff"), url('../fonts/9d91438ed3e954c719ac4163729c7766.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Flexa Mono;
  src: url('../fonts/GT-Flexa-Mono-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl Mono;
  src: url('../fonts/SuisseIntlMono-Bold-WebXL.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl Mono;
  src: url('../fonts/SuisseIntlMono-Thin-WebXL.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl Mono;
  src: url('../fonts/SuisseIntlMono-Regular-WebXL.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Editorial New Variable;
  src: url('../fonts/EditorialNew-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Neue Montreal;
  src: url('../fonts/PPNeueMontreal-Variable.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kizo;
  src: url('../fonts/KizoVariable.ttf') format("truetype");
  font-weight: 0 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url('../fonts/IBMPlexMono-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url('../fonts/IBMPlexMono-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url('../fonts/IBMPlexMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url('../fonts/IBMPlexMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: IBM Plex Mono;
  src: url('../fonts/IBMPlexMono-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Extra-condensed;
  src: url('../fonts/OTNeueMontreal-MediumExtraSqueezed.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-BookSqueezed.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Extra-condensed;
  src: url('../fonts/OTNeueMontreal-SemiBoldExtraSqueezed.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Extra-condensed;
  src: url('../fonts/OTNeueMontreal-BookExtraSqueezed.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-ThinSqueezed.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-BookSemiSqueezed.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-SemiBoldSemiSqueezed.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-ItalicSemiSqueezed.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-ThinSemiSqueezed.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-MediumSemiSqueezed.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Semi Cn;
  src: url('../fonts/OTNeueMontreal-BoldSemiSqueezed.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-ItalicSqueezed.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-BoldSqueezed.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Condensed;
  src: url('../fonts/OTNeueMontreal-SemiBoldSqueezed.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Extra-condensed;
  src: url('../fonts/OTNeueMontreal-ThinExtraSqueezed.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Montreal Extra-condensed;
  src: url('../fonts/OTNeueMontreal-BoldExtraSqueezed.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Bold-Trial.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Extrabold-Trial.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Regular-Trial.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Light-Trial.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Medium-Trial.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Focal;
  src: url('../fonts/Focal-Black-Trial.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Mono;
  src: url('../fonts/MDSystemMonoTrial-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Mono;
  src: url('../fonts/MDSystemMonoTrial-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Mono;
  src: url('../fonts/MDSystemMonoTrial-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Mono;
  src: url('../fonts/MDSystemMonoTrial-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Mono;
  src: url('../fonts/MDSystemMonoTrial-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Narrow;
  src: url('../fonts/MDSystemNarrowTrial-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Narrow;
  src: url('../fonts/MDSystemNarrowTrial-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Narrow;
  src: url('../fonts/MDSystemNarrowTrial-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Narrow;
  src: url('../fonts/MDSystemNarrowTrial-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System Narrow;
  src: url('../fonts/MDSystemNarrowTrial-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-M.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-S.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-L.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-XL.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid Mono;
  src: url('../fonts/Plaid-M-Mono.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid Mono;
  src: url('../fonts/Plaid-XS-Mono.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-XS.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid Mono;
  src: url('../fonts/Plaid-S-Mono.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid Mono;
  src: url('../fonts/Plaid-XL-Mono.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid Mono;
  src: url('../fonts/Plaid-L-Mono.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Mono;
  src: url('../fonts/RMMonoTRIAL-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Mono;
  src: url('../fonts/RMMonoTRIAL-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Mono;
  src: url('../fonts/RMMonoTRIAL-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Mono;
  src: url('../fonts/RMMonoTRIAL-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RM Mono;
  src: url('../fonts/RMMonoTRIAL-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntlTrial-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
  --_base-collection-2---text-color: white;
  --_base---header: 18vw;
  --_base---header-feat-works: 17vw;
  --_base-collection-2---title-section-color: #000;
  --_base-collection-2---white: white;
  --_base---thumb-radius: 2.5px;
  --_base-collection-2---video-intro-border: 0px;
  --_base-collection-2---video-intro-border-radius: 0px;
  --_base---background-color: white;
  --_base-collection-2---radius-thumnails: 3px;
  --_base---main-color: #121212;
  --_base---navbar-space: 0px;
  --_base---header-unit-number: 18px;
  --_base---front-logo-shadow-color: #121212b3;
  --_base---transparency: #fff0;
  --_base-collection-2---showcase-element-radius: 0px;
  --_base-collection-2---gainsboro: #dfdfdf;
  --_base---corners-size: 12px;
  --_base---header-prod-services: 15vw;
  --_base---header-news: 19em;
  --_base---corners-color: var(--_base---main-color);
  --_base---header-our-house: 15vw;
  --_base---header-photo: 17vw;
  --_base-collection-2---bg-color: #121212;
  --_base---navbar-mobile-space: var(--_base---navbar-space);
  --_base-collection-2---button-color: white;
  --_base---front-logo-shadow: 50px;
  --_base-collection-2---dim-grey: #6a6a6b;
  --_base---alt-color: white;
  --_base-collection-2---black: #121212;
  --_base-collection-2---header-color: white;
  --_base-collection-2---text-color-alt: #121212;
  --_base---corners-opacity: 25%;
  --_base---header-info-page: 17vw;
  --_base-collection-2---video-intro-border-color: white;
  --_base---corners-width: 1.2px;
  --_base-collection-2---showcase-img-size: 100vw;
  --_base---icon-registered: 18px;
  --_base-collection-2---navbar-space: 60px;
  --_base-collection-2---title-text-size: 12vw;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

.body {
  color: #fff;
}

.logo {
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 15px 20px;
  display: flex;
  position: relative;
  inset: 0%;
}

.image {
  width: 100vw;
  max-width: 100%;
}

.list {
  justify-content: space-between;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.header {
  z-index: 15;
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: .11em solid #fff;
  padding: 22px 30px 18px;
  position: fixed;
  inset: 0 0% auto;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.slider {
  background-color: #f6f6f6;
  background-image: url('../images/repoker_3.webp');
  background-position: 0%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.header-text-logo {
  color: #fff;
  letter-spacing: .01em;
  font-family: Roobert, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1em;
}

.hover-area-container {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

.heading {
  color: #fff;
  letter-spacing: .015em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roobert, sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: static;
}

.text-scroll-bar {
  z-index: 1;
}

.div-slider-text {
  z-index: 3;
  mix-blend-mode: difference;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  inset: auto 0% 0;
}

.hover-area-1 {
  z-index: 10;
  cursor: default;
  position: relative;
}

.image-5, .image-1, .image-3, .image-4 {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.image-2 {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.image-6, .image-7 {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.background-img {
  z-index: 1;
  position: relative;
}

.image-8 {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.hover-area-8, .hover-area-6, .hover-area-5, .hover-area-4, .hover-area-3, .hover-area-2 {
  z-index: 10;
  cursor: default;
  position: relative;
}

.logo-container {
  z-index: 1;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
}

.image-background {
  z-index: 0;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.hover-area-7, .hover-zone-9, .hover-zone-10 {
  z-index: 10;
  cursor: default;
  position: relative;
}

.image-9, .image-10 {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.header-text {
  color: #fff;
  letter-spacing: -.01em;
  font-family: Acid Grotesk;
  font-size: 18px;
  font-weight: 600;
  line-height: 1em;
}

.header-text.w--current {
  font-weight: 600;
  text-decoration: none;
}

.preloader {
  z-index: 10;
  background-color: #000;
  display: none;
  position: fixed;
  inset: 0%;
}

.container {
  max-width: 100vw;
}

.header-blur-background {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100vw;
  height: 57px;
  position: absolute;
  inset: 0% 0% auto;
}

.footer-blur-background {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100vw;
  height: 88px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-span {
  font-size: 14px;
}

.superscript {
  padding-left: 2px;
  font-size: 11px;
}

.info {
  z-index: 4;
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  mix-blend-mode: exclusion;
  grid-template-rows: auto;
  grid-template-columns: 15% 40% 31% 8%;
  grid-auto-flow: row dense;
  align-content: end;
  align-items: end;
  height: 80px;
  padding-bottom: 22px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: ABC Diatype, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  display: grid;
  position: fixed;
  inset: auto 0% 0%;
}

.text-block-left {
  margin-bottom: 0;
}

.info-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  height: 80px;
  position: fixed;
  inset: auto 0% 0%;
}

.div-video {
  z-index: 1;
  position: relative;
}

.background-video {
  height: 100vh;
}

.list-item-2 {
  display: none;
}

.navbar {
  z-index: 5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  mix-blend-mode: difference;
  max-width: 100vw;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.superscript-2 {
  font-size: 12px;
  font-weight: 400;
  top: -9px;
}

.div-info-container {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.text-block-right {
  align-items: flex-end;
  margin-bottom: 0;
}

.paragraph-middle {
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Acid Grotesk;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1em;
}

.superscript-r {
  font-size: 10px;
  font-weight: 400;
  top: -12px;
  left: 1px;
}

.bold-text {
  font-weight: 600;
  text-decoration: underline;
}

.bold-text-2 {
  font-weight: 600;
  position: relative;
  bottom: -8px;
}

.bold-text-3 {
  position: relative;
  bottom: -8px;
}

.bold-text-4 {
  font-weight: 600;
  text-decoration: underline;
}

.list-item-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.superscript-am {
  margin-left: 2px;
  top: -4px;
}

.bold-text-5 {
  font-size: 19px;
  font-weight: 600;
  position: relative;
  bottom: 4px;
}

.main-text {
  color: #fff;
  font-family: Feature Display, Georgia, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1em;
}

.sup-am {
  letter-spacing: .05em;
  margin-left: 4px;
  font-size: 28px;
  font-weight: 700;
  bottom: 25px;
}

.bold-text-6 {
  color: #fff;
  font-size: 49px;
  font-weight: 400;
  position: relative;
}

.sup-r {
  font-size: 22px;
  font-weight: 400;
  top: -42px;
}

.link {
  color: #fff;
  text-decoration: none;
}

.link:hover {
  text-decoration: none;
}

.bold-text-7 {
  font-weight: 700;
  text-decoration: none;
}

.bold-text-8 {
  text-transform: uppercase;
  font-weight: 600;
}

.superscript-3 {
  top: -4px;
}

.bold-text-9 {
  position: relative;
  top: 6px;
}

.div-background {
  z-index: 0;
  background-image: url('../images/gradient.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.text-block-center {
  z-index: 4;
  letter-spacing: .02em;
  align-items: flex-end;
  margin-bottom: 0;
  position: relative;
}

.text-span-2 {
  font-family: Helvetica Now Display, Arial, sans-serif;
  font-size: 28px;
  position: relative;
  bottom: 15px;
  left: 2px;
}

.info-copy {
  z-index: 4;
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  grid-template-rows: auto;
  grid-template-columns: 15% 40% 31% 8%;
  grid-auto-flow: row dense;
  align-content: end;
  align-items: end;
  padding: 22px 25px;
  font-family: ABC Diatype, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  display: grid;
  position: fixed;
  inset: auto 0% 0%;
}

.image-vertical {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.background-img-v {
  z-index: 1;
  display: none;
  position: relative;
}

.img-1-v {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.img-2-v {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.img-3-v, .img-4-v, .img-5-v, .img-6-v, .img-7-v {
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.img-8-v, .img-9-v, .img-10-v {
  z-index: 1;
  object-fit: cover;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .logo {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .header {
    padding-left: 25px;
    padding-right: 25px;
  }

  .hover-area-container, .background-img {
    display: none;
  }

  .info {
    grid-column-gap: 0%;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
    height: auto;
    padding: 15px;
    font-size: 15px;
  }

  .info-blur {
    height: 104px;
  }

  .div-video {
    display: block;
  }

  .list-item-2 {
    display: none;
  }

  .background-img-v {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .header {
    padding-left: 25px;
  }

  .header-text-logo {
    text-transform: none;
  }
}

@media screen and (max-width: 479px) {
  .logo {
    padding: 5px;
  }

  .image {
    transform: rotate(0);
  }

  .list {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-wrap: wrap;
  }

  .header {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-text-logo {
    text-align: left;
    text-transform: none;
    font-size: 16px;
    line-height: 1.1em;
  }

  .header-text {
    text-align: right;
    font-size: 16px;
    line-height: 1.1em;
  }

  .info {
    grid-row-gap: 10px;
    padding: 15px;
  }

  .info-blur {
    height: 95px;
  }

  .main-text {
    text-align: right;
    font-size: 16px;
    line-height: 1.1em;
  }

  .text-block-center {
    text-align: right;
  }
}

#w-node-_507ffdd0-ea3f-87ee-f0ab-5208ee123d3e-fb7cde7b {
  justify-self: center;
}

#w-node-_3e0ed977-584a-69e8-9ca7-86c432a48e68-fb7cde7b {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-e59dfd95-65d2-8139-ea9e-c62476a951d9-fb7cde7b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5594622d-c27b-7dac-3a3b-d4fa7e758782-fb7cde7b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_507ffdd0-ea3f-87ee-f0ab-5208ee123d3e-fb7cde7b {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-_3e0ed977-584a-69e8-9ca7-86c432a48e68-fb7cde7b {
    grid-area: 2 / 2 / 3 / 3;
  }
}


@font-face {
  font-family: 'Roobert';
  src: url('../fonts/RoobertTRIALVF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert SemiMono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert SemiMono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert SemiMono';
  src: url('../fonts/RoobertSemiMonoTRIAL-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert SemiMono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert SemiMono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Mono';
  src: url('../fonts/RoobertMonoTRIAL-Bold.woff2') format('woff2'), url('../fonts/RoobertMonoTRIAL-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Mono';
  src: url('../fonts/RoobertMonoTRIAL-SemiBold.woff2') format('woff2'), url('../fonts/RoobertMonoTRIAL-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Mono';
  src: url('../fonts/RoobertMonoTRIAL-Medium.woff2') format('woff2'), url('../fonts/RoobertMonoTRIAL-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Mono';
  src: url('../fonts/RoobertMonoTRIAL-Regular.woff2') format('woff2'), url('../fonts/RoobertMonoTRIAL-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Mono';
  src: url('../fonts/RoobertMonoTRIAL-Light.woff2') format('woff2'), url('../fonts/RoobertMonoTRIAL-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Diatype';
  src: url('../fonts/ABCDiatype-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Diatype';
  src: url('../fonts/ABCDiatype-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Diatype';
  src: url('../fonts/ABCDiatype-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Diatype';
  src: url('../fonts/ABCDiatype-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Diatype';
  src: url('../fonts/ABCDiatype-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Display';
  src: url('../fonts/FeatureDisplay-Light-Web.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Text';
  src: url('../fonts/FeatureText-Regular-Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Display';
  src: url('../fonts/FeatureDisplay-Extralight-Web.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Display';
  src: url('../fonts/FeatureDisplay-LightItalic-Web.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Editorial New';
  src: url('../fonts/EditorialNew-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-MediumItalic-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-Regular-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-RegularItalic-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-Extrabold-Trial.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-BoldItalic-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-Light-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-Medium-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-ExtraboldItalic-Trial.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-Bold-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feature Deck Condensed';
  src: url('../fonts/FeatureDeckCondensed-LightItalic-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-95Black-Trial.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-65Medium-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-75Bold-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-35Thin-Trial.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-55Roman-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-45Light-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  src: url('../fonts/NeueHaasGrotDisp-25XThin-Trial.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-MediumSqueezed.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert VF';
  src: url('../fonts/RoobertTRIALVF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System VF';
  src: url('../fonts/MDSystem-VF.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Balto';
  src: url('../fonts/BaltoBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Balto';
  src: url('../fonts/BaltoMedium.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Balto';
  src: url('../fonts/BaltoRegular.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Balto';
  src: url('../fonts/BaltoBlack.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Saans Semi Mono';
  src: url('../fonts/SaansSemiMono-TRIAL-VF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Saans Mono';
  src: url('../fonts/SaansMono-TRIAL-VF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Semi Mono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Semi Mono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Semi Mono';
  src: url('../fonts/RoobertSemiMonoTRIAL-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert Semi Mono';
  src: url('../fonts/RoobertSemiMonoTRIAL-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBM-Plex-Sans-Var-Roman.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Matter GX';
  src: url('../fonts/MatterGX.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/DMMono_Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/DMMono_Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lateral Standard';
  src: url('../fonts/Font-Lateral-StandardRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lateral Standard';
  src: url('../fonts/Font-Lateral-StandardMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lateral Standard';
  src: url('../fonts/Font-Lateral-StandardBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typewriter WOFF';
  src: url('../fonts/Typewriter.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Neue';
  src: url('../fonts/RMNeue-VF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lateral Standard';
  src: url('../fonts/Lateral-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lateral Standard';
  src: url('../fonts/Lateral-Thin.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Neue Montreal Mono';
  src: url('../fonts/PPNeueMontrealMono-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('../fonts/FTAktualTrial-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('../fonts/FTAktualTrial-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('../fonts/FTAktualTrial-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('../fonts/FTAktualTrial-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FT Aktual';
  src: url('../fonts/FTAktualTrial-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('../fonts/NeueHaasDisplay-Roman.woff2') format('woff2'), url('../fonts/NeueHaasDisplayRoman.c481f376.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('../fonts/NeueHaasDisplay-Medium.woff2') format('woff2'), url('../fonts/NeueHaasDisplayMedium.9b55356f.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garmin 5 3';
  src: url('../fonts/Garmin-5-3.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garmin 10 5';
  src: url('../fonts/Garmin-10-5.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Favorit Mono';
  src: url('../fonts/63d16332db7e2c5f4fd30c63_ABCFavoritMono-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('../fonts/AreaNormal-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('../fonts/AreaNormal-Extrablack.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F37 Ginger Mono';
  src: url('../fonts/F37GingerMono-VF.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basel Grotesk Mono';
  src: url('../fonts/Basel-Grotesk-Mono-Upright-and-Italic-Variable.woff2') format('woff2');
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garmin 7 4';
  src: url('../fonts/Garmin-7-4.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basel Grotesk';
  src: url('../fonts/Basel-Grotesk-Upright-and-Italic-Variable.woff2') format('woff2');
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basel Classic Grotesk';
  src: url('../fonts/Basel-Collection-Classic-and-Grotesk-Variable.woff2') format('woff2');
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basel Mono Classic Grotesk';
  src: url('../fonts/Basel-Collection-Mono-Classic-and-Grotesk-Variable.woff2') format('woff2');
  font-weight: 20 220;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Favorit';
  src: url('../fonts/643fab5f49cdbdb7d9dd9464_Abcfavorit-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Favorit';
  src: url('../fonts/63d16332dc54b146ab0eee35_ABCFavorit-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Monument Grotesk Mono';
  src: url('../fonts/ABCMonumentGroteskMono-Medium.fceaf225.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Zirkon';
  src: url('../fonts/GT-Zirkon-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Monument Condensed';
  src: url('../fonts/PPMonumentCondensed-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Monument Extended';
  src: url('../fonts/PPMonumentExtended-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Lettra Mono';
  src: url('../fonts/PPLettraMono-UprightVariable_cc08d5bd-4591-425f-8f17-d4f5432efb77.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Monument Wide';
  src: url('../fonts/PPMonumentWide-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Monument Normal';
  src: url('../fonts/PPMonumentNormal-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Editorial Old';
  src: url('../fonts/PPEditorialOld-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Monument Narrow';
  src: url('../fonts/PPMonumentNarrow-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monospace Typewriter';
  src: url('../fonts/4ec07970e614eda6f36c7ef7d38ef0ce.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monospace Typewriter';
  src: url('../fonts/9d91438ed3e954c719ac4163729c7766.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Typewriter';
  src: url('../fonts/4ec07970e614eda6f36c7ef7d38ef0ce.woff') format('woff'), url('../fonts/9d91438ed3e954c719ac4163729c7766.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Flexa Mono';
  src: url('../fonts/GT-Flexa-Mono-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Mono';
  src: url('../fonts/SuisseIntlMono-Bold-WebXL.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Mono';
  src: url('../fonts/SuisseIntlMono-Thin-WebXL.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Mono';
  src: url('../fonts/SuisseIntlMono-Regular-WebXL.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Editorial New Variable';
  src: url('../fonts/EditorialNew-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Neue Montreal';
  src: url('../fonts/PPNeueMontreal-Variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kizo';
  src: url('../fonts/KizoVariable.ttf') format('truetype');
  font-weight: 0 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Extra-condensed';
  src: url('../fonts/OTNeueMontreal-MediumExtraSqueezed.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-BookSqueezed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Extra-condensed';
  src: url('../fonts/OTNeueMontreal-SemiBoldExtraSqueezed.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Extra-condensed';
  src: url('../fonts/OTNeueMontreal-BookExtraSqueezed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-ThinSqueezed.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-BookSemiSqueezed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-SemiBoldSemiSqueezed.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-ItalicSemiSqueezed.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-ThinSemiSqueezed.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-MediumSemiSqueezed.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Semi Cn';
  src: url('../fonts/OTNeueMontreal-BoldSemiSqueezed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-ItalicSqueezed.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-BoldSqueezed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Condensed';
  src: url('../fonts/OTNeueMontreal-SemiBoldSqueezed.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Extra-condensed';
  src: url('../fonts/OTNeueMontreal-ThinExtraSqueezed.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Montreal Extra-condensed';
  src: url('../fonts/OTNeueMontreal-BoldExtraSqueezed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Bold-Trial.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Extrabold-Trial.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Regular-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Light-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Medium-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Focal';
  src: url('../fonts/Focal-Black-Trial.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Mono';
  src: url('../fonts/MDSystemMonoTrial-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Mono';
  src: url('../fonts/MDSystemMonoTrial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Mono';
  src: url('../fonts/MDSystemMonoTrial-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Mono';
  src: url('../fonts/MDSystemMonoTrial-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Mono';
  src: url('../fonts/MDSystemMonoTrial-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Narrow';
  src: url('../fonts/MDSystemNarrowTrial-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Narrow';
  src: url('../fonts/MDSystemNarrowTrial-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Narrow';
  src: url('../fonts/MDSystemNarrowTrial-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Narrow';
  src: url('../fonts/MDSystemNarrowTrial-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System Narrow';
  src: url('../fonts/MDSystemNarrowTrial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-M.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-S.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-L.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-XL.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid Mono';
  src: url('../fonts/Plaid-M-Mono.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid Mono';
  src: url('../fonts/Plaid-XS-Mono.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-XS.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid Mono';
  src: url('../fonts/Plaid-S-Mono.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid Mono';
  src: url('../fonts/Plaid-XL-Mono.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid Mono';
  src: url('../fonts/Plaid-L-Mono.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Mono';
  src: url('../fonts/RMMonoTRIAL-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Mono';
  src: url('../fonts/RMMonoTRIAL-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Mono';
  src: url('../fonts/RMMonoTRIAL-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Mono';
  src: url('../fonts/RMMonoTRIAL-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RM Mono';
  src: url('../fonts/RMMonoTRIAL-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntlTrial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}