.hero-section {
    min-height: 80vh;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&q=80') center/cover;
}

.service-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

.team-member-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-card {
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

[data-name="service-modal"],
[data-name="portfolio-modal"] {
    animation: modalFade 0.3s ease-in-out;
}

@keyframes modalFade {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}