/* ===============================================
   CUSTOM.CSS - custom, it is it as it is to be
==================================================*/

/* Base */
body {
	overflow-x: hidden;
	font-family: var(--font-main, "Inter", sans-serif);
}

/* ===== SLIDER / HERO ===== */
.slider {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.slider::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/imgs/background2.png");
	background-size: cover;
	background-position: center;
	filter: blur(4px);
	z-index: -1;
	transform: scale(1.1);
}

.slider::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

/* ===== SPECIFIC TIPOGRAFY ===== */
.text-huge {
	font-size: 12vw;
	font-weight: 800;
	line-height: 1.1;
}

.twhite {
	color: white;
}

/* ===== LARGE SCREEN SETTINGS ===== */
@media (min-width: 1200px) {
}

@media (min-width: 1800px) {
}

/* Mobile */
@media (max-width: 991px) {
}