/* 기본 스타일 */
:root {
    scroll-behavior: smooth;
}

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background-color: #f8fafc;
    color: #0f172a;
}

.font-industrial { font-family: 'Space Grotesk', sans-serif; }
.font-premium { font-family: 'Plus Jakarta Sans', sans-serif; }

.glass-effect { 
    background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(16px); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 서비스 카드 이미지 hover */
.service-card:hover .service-image {
    transform: scale(1.1);
    filter: grayscale(0);
}

/* ==================== 이미지 보호 레이어 ==================== */
.img-protect-wrapper {
    position: relative;
    display: inline-block;
}

.img-protect-wrapper img {
    display: block;
}

.img-protect-wrapper .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 10;
    user-select: none;
    -webkit-user-drag: none;
}
