/* Landing page styles */

body {
    font-family: 'JetBrains Mono', monospace;
}

html {
    scroll-behavior: smooth;
}

/* Mobile menu animation */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

#mobile-menu.active {
    max-height: 300px;
    transition: max-height 0.3s ease-in;
}

/* Hero section */
.hero-section {
    height: 900px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)), var(--hero-bg-url);
    background-size: cover;
    background-position: center;
}

/* Services section */
.services-section {
    background: linear-gradient(to bottom right, #f8f9fa 0%, #e3f2fd 100%);
}

.services-bg-splash {
    background-image: var(--splash-bg-url);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

/* Contact section */
.contact-section {
    min-height: 600px;
}