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

@font-face {
	font-family: "Archivo Rush Condensed";
	src: url("../fonts/Archivo_Condensed-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Archivo Rush Condensed";
	src: url("../fonts/Archivo_Condensed-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--rush-ink: #10100e;
	--rush-carbon: #080808;
	--rush-carbon-soft: #15130f;
	--rush-paper: #fbfaf4;
	--rush-paper-warm: #f7f0df;
	--rush-paper-cool: #eef5f1;
	--rush-gold: #ffc326;
	--rush-gold-deep: #de8a08;
	--rush-gold-soft: #ffe6a8;
	--rush-sage: #cbd9cb;
	--rush-ice: #dfeef1;
	--rush-line: rgba(16, 16, 14, 0.14);
	--rush-radius: 8px;
	--rush-max-width: 1220px;
}

body {
	background: var(--rush-paper);
	color: var(--rush-ink);
	font-family: "Archivo Rush", "Helvetica Neue", sans-serif;
	text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6,
.rush-display {
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
	letter-spacing: 0;
}

a {
	text-underline-offset: 0.18em;
}

.rush-button,
.bricks-button {
	border-radius: var(--rush-radius);
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
	letter-spacing: 0;
}

.rush-dark-surface {
	background-color: var(--rush-carbon);
	background-image: linear-gradient(rgba(8, 8, 8, 0.94), rgba(8, 8, 8, 0.98)), url("../img/rush-black-grain.png");
	background-position: center;
	background-size: cover;
	color: #fff;
}

.rush-gold-ticker {
	background: var(--rush-gold);
	color: var(--rush-carbon);
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
}

.rush-light-texture {
	background-color: var(--rush-paper);
	background-image: linear-gradient(rgba(251, 250, 244, 0.92), rgba(251, 250, 244, 0.98)), url("../img/rush-white-gold.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.rush-container {
	width: min(100% - 32px, var(--rush-max-width));
	margin-inline: auto;
}

@media (max-width: 680px) {
	.rush-container {
		width: min(100% - 24px, var(--rush-max-width));
	}
}