html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.hero-section {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(14, 147, 245, 0.6), rgba(10, 122, 201, 0.7));
    z-index: 2;
}

.hero-section .container {
    position: relative;
    z-index: 3;
}

.project-image,
.news-image,
.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.image-container {
    position: relative;
    overflow: hidden;
}

.image-container:hover .project-image,
.image-container:hover .news-image,
.image-container:hover .gallery-image {
    transform: scale(1.05);
    opacity: 0.9;
}