:root {
    --c-black: #0a0a0b;
    --c-dark: #1f2024;
    --c-white: #ffffff;
    --c-bg: #f4f5f7; 
    --c-accent: #004ee6; 
    --c-accent-dark: #002b80; 
    --c-text-muted: #888888;
    --easing: cubic-bezier(0.25, 1, 0.5, 1);
	--c-navy: #001a4d;
	--bg-gray: #f9f9fb;
}

	.hero-label { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); padding: 8px 16px; border-radius: 50px; margin-bottom: 30px; letter-spacing: 1px; }
	.hero-title { font-size: clamp(3.0rem, 5vw, 4.0rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 30px; text-shadow: 0 10px 30px rgba(0,0,0,0.5); }
	.hero-title span { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; color: #ccc; }


	.hero-slider-track { 
		position: relative; width: 100%; height: 100%; 
		transform: none !important; /* 슬라이딩 기능 중단 */
	}



	/* 슬라이드 내 컨텐츠 애니메이션 */
	/*
	.h-slide-full.active .hero-content .reveal {
		opacity: 1;
		transform: translateY(0);
	}
	*/

	@media (max-width: 768px) {

		.h-slide-full::after {
			/* 모바일에서는 좌우가 잘리더라도 위아래를 꽉 채우기 위해 
			   background-size를 cover로 두는 것이 정답입니다. */
			background-attachment: scroll; /* 모바일 성능을 위해 fixed는 지양 */
		}

		header .btn-contact { 
			display: none; 
		}
		.hero-content .btn-contact { 
			display: inline-flex !important; 
		}
	}