@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

:root {
    --rust-orange: #ff3c00;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    color: #e4e4e7;
    overflow-x: hidden;
    background-color: #09090b;
}

/* ==================== PARALLAX BACKGROUND ==================== */
.parallax-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.78)), 
                url('../assets/careers-bg.webp') center/cover no-repeat;
    background-attachment: fixed;
    z-index: -1;
    filter: brightness(0.8) contrast(1.1);
}

/* ==================== TRANSPARENT SECTION OVERLAYS ==================== */
/* Let the parallax show through every dark section */

section,
footer {
    background-color: transparent !important;
}

/* Re-apply tinted overlays so sections are still distinguishable */
section.bg-black,
section[class*="bg-black"] {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

section.bg-zinc-900,
section[class*="bg-zinc-900"] {
    background-color: rgba(24, 24, 27, 0.60) !important;
}

section.bg-red-950,
section[class*="bg-red-950"] {
    background-color: rgba(69, 10, 10, 0.70) !important;
}

footer {
    background-color: rgba(0, 0, 0, 0.60) !important;
}

/* Wipe bar */
section.bg-black.py-8 {
    background-color: rgba(0, 0, 0, 0.65) !important;
}

/* Navbar stays solid */
nav {
    backdrop-filter: blur(12px);
    z-index: 50;
}

/* ==================== LOGO GLOW ==================== */
.logo-glow {
    filter: drop-shadow(0 0 25px #ff3c00) drop-shadow(0 0 45px #ff3c00);
    transition: transform 0.3s ease;
}

.logo-glow:hover {
    transform: scale(1.05);
}

/* ==================== RUST CARDS ==================== */
.rust-card {
    background: linear-gradient(145deg, rgba(24, 24, 27, 0.90), rgba(39, 39, 42, 0.90));
    border: 3px solid #3f3f46;
    border-radius: 8px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(4px);
}

.rust-card:hover {
    border-color: #ff3c00;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px -12px rgb(255 60 0 / 0.4);
}

/* ==================== GALLERY ==================== */
.gallery-img {
    transition: all 0.4s ease;
}

.gallery-img:hover {
    transform: scale(1.08);
    filter: brightness(1.15);
}

html {
    scroll-behavior: smooth;
}