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

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

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

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

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-LightItalic.otf") format("opentype");
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

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

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-RegularItalic.otf") format("opentype");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

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

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-MediumItalic.otf") format("opentype");
	font-style: italic;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-Semibold.otf") format("opentype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-SemiboldItalic.otf") format("opentype");
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}

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

@font-face {
	font-family: "Founders Grotesk";
	src: url("../fonts/FoundersGrotesk-BoldItalic.otf") format("opentype");
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Founders Grotesk X-Condensed";
	src: url("../fonts/FoundersGroteskXCond-SmBd.otf") format("opentype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

:root {
	--font-inter: "Inter", Arial, sans-serif;
	--font-founders-grotesk: "Founders Grotesk", Arial, sans-serif;
	--font-founders-x-condensed: "Founders Grotesk X-Condensed", "Arial Narrow", Arial, sans-serif;
}

.font-founders-grotesk {
	font-family: var(--font-founders-grotesk);
}

.font-founders-x-condensed {
	font-family: var(--font-founders-x-condensed);
	font-weight: 600;
}

.container {
	width: 100%;
	max-width: 1330px;
	margin-inline: auto;
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	background: #f4f0ef;
	color: #13121a;
	font-family: var(--font-founders-grotesk);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}