@charset "utf-8";

html, body {
	overflow: hidden;
}


/* 1. 배경 비디오 */
.bg-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	object-fit: cover;
	z-index: -2;
}

/* 2. 기본 오버레이 
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
}
*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.0);
	z-index: -1;
}
/* 4. 중앙 메인 콘텐츠 */
.main-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	height: 100dvh;
	padding: 0 20px;
	text-align: center;
	opacity: 0.2;
}

.main-content h1 {
	font-family: "proxima-nova-wide", sans-serif;
	font-optical-sizing: auto;
	font-size: 5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	word-break: keep-all;
	/*transition: all 0.3s ease;*/
}
.main-content h3 {
	font-family: "proxima-nova-wide", sans-serif;
	font-optical-sizing: auto;
	font-size: 1.2rem;
	font-weight: 100;
	margin-bottom: 0.75rem;
	word-break: keep-all;
	transition: all 0.3s ease;
}
.main-content p {
	font-family: 'Pretendard';
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing:-0.05em;
	line-height:1.4;
	color: #e0e0e0;
	transition: all 0.3s ease;
}


.text_anime2 {
    background-image: linear-gradient(to right, #fff, #666, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: qatar-animation 900s linear infinite;
}

@keyframes qatar-animation {
    to {
        background-position: 4500vh;
        /*opacity:0.3;*/
    }
}

/* --- 반응형 (해상도 1400px 이하) --- */
@media (max-width: 1400px) {
	.main-content h1 {
		font-size: 3.5rem;
	}		
.main-content p {
	font-size: 1rem;
}
/* --- 반응형 (해상도 767px 이하) --- */
@media (max-width: 767px) {
	.main-content h1 {
		font-size: 1.75rem;
		font-weight: 900;
		margin-bottom: 1rem;
	}
	.main-content h3 {
		font-size: 0.75rem;
		margin-bottom: 0.25rem;
	}
	.main-content p {
		font-size: 0.6rem;
	}

}