html { scroll-behavior: smooth; }
[x-cloak] { display: none !important; }

body { font-family: 'Inter', system-ui, sans-serif; }
.font-display { font-family: 'Playfair Display', Georgia, serif; }

.hero-bg {
    background-image: url('../images/bg_3.jpg');
    background-size: cover;
    background-position: center top;
}
.hero-overlay {
    background: linear-gradient(135deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 100%);
}

.service-card {
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.service-card:hover {
    transform: translateY(-4px);
    border-color: #16C8A6;
}

.gallery-item img,
.gallery-item video { transition: transform 0.5s ease; }
.gallery-item:hover img,
.gallery-item:hover video { transform: scale(1.06); }