:root { 
            --bg: #ffffff; 
            --text-main: #333333;
            --text-light: #888888;
            --text-bold: #111111;
            --accent: #a69d91; 
            --line: #eeeeee;
        }
        body { 
            font-family: 'Pretendard', sans-serif; 
            background-color: var(--bg); 
            color: var(--text-main); 
            line-height: 1.8; 
            word-break: keep-all;
        }
		/* Swiper 박스가 화면에 보이도록 강제 높이 지정 */
		  .portfolio-swiper {
			height: 350px !important;
			width: 100% !important;
		  }
        
        .serif { font-family: 'Cormorant Garamond', serif; }
        
        /* Navigation */
        .nav-link { 
            color: var(--text-light); 
            transition: all 0.3s ease; 
            font-size: 11px; 
            letter-spacing: 0.2em; 
			padding-bottom: 4px; /* 선이 들어갈 공간 확보 */
        }
		/* 부드럽게 나타날 하단 라인 정의 */
		.nav-link::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px; /* 선 두께 */
			background-color: var(--text-bold);
			transform: scaleX(0); /* 처음엔 크기를 0으로 숨김 */
			transform-origin: bottom right;
			transition: transform 0.3s ease-out; /* 부드러운 효과 */
		}
		.nav-link:hover { color: var(--text-bold); }
		/* 활성화(Active) 되었을 때 선을 양옆으로 펼침 */
		.nav-link.active-menu::after {
			transform: scaleX(1);
			transform-origin: bottom left;
		}

		/* 활성화 시 글자색 변경 */
		.nav-link.active-menu {
			color: var(--text-bold) !important;
			font-weight: 500;
		}

        /* Section Layout */
        section { padding: 100px 0; border-bottom: 1px solid var(--line); }
        .no-border { border: none; }

        /* Image Wrap */
        .img-wrap { 
            overflow: hidden; 
            background-color: #f9f9f9; 
            position: relative; 
            border-radius: 2px;
        }
        .img-wrap img { transition: transform 1.2s ease; }
        .img-wrap:hover img { transform: scale(1.05); }

        /* Input Styles */
        input, select, textarea {
            background: transparent !important;
            border-bottom: 1px solid #ccc !important;
            padding: 12px 4px !important;
            color: var(--text-bold) !important;
            font-size: 13px !important;
            border-radius: 0 !important;
        }
        input:focus, select:focus, textarea:focus { outline: none; border-color: var(--text-bold) !important; }

        /* Reveal Animation */
        .reveal { opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Floating Button */
        .floating-blog {
            position: fixed; bottom: 30px; right: 30px; z-index: 999;
            background: #03c75a; color: white; padding: 12px 20px;
            border-radius: 50px; font-size: 11px; font-weight: 600;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            display: flex; align-items: center; gap: 8px;
        }
		/* 하이엔드 아트를 위한 인비테이션 링크 스타일 */
		.exhibition-invitation-link {
			display: inline-flex;
			align-items: center;
			font-family: 'Cinzel', serif;
			font-size: 11px;
			font-weight: 400;
			color: #d97d56; /* °ONDO 1250° 시그니처 톤 */
			text-transform: uppercase;
			position: relative;
			padding: 12px 24px; /* 모바일 터치 미스를 방지하기 위한 보이지 않는 여백 */
			transition: color 0.3s ease;
		}
		/* 1. 기본 높이 설정을 자동(auto)으로 변경 */
			.history-container {
				height: auto !important; 
				min-height: 350px;
			}

			/* 2. 모바일용 반응형 스타일 추가 */
			@media (max-width: 1023px) {
				.history-swiper .swiper-wrapper {
					display: block !important; /* 슬라이드 뭉치기 해제 */
				}
				.history-swiper .swiper-slide {
					display: block !important;
					margin-bottom: 40px; /* 각 섹션 간격 */
					opacity: 1 !important; /* 페이드 효과 무효화 */
				}
			}