:root {
            --bg: #FFFFFF;
            --text: #000000;
            --asphalt: #2A2A2A;
            --steel: #E5E5E5;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg);
            color: var(--text);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .serif { font-family: 'Playfair Display', serif; }
        .mono { font-family: 'JetBrains Mono', monospace; }

        /* Cinematic Hero Slideshow */
        .hero-slideshow {
            position: absolute;
            inset: 0;
            z-index: -1;
            overflow: hidden;
        }
        .slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 2.5s ease-in-out, transform 15s linear;
            background-size: cover;
            background-position: center;
            filter: grayscale(100%) brightness(0.5);
        }
        .slide.active { opacity: 1; transform: scale(1.15); }

        /* Navigation Glassmorphism */
        nav { transition: all 0.4s ease; }
        nav.scrolled { background: rgba(255,255,255,0.98); padding: 0.5rem 0; box-shadow: 0 10px 30px rgba(0,0,0,0.02); }

        /* View Switching Transitions */
        .page-view { display: none; opacity: 0; transform: translateY(20px); }
        .page-view.active { display: block; animation: viewEnter 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

        @keyframes viewEnter {
            to { opacity: 1; transform: translateY(0); }
        }

        /* Modal & Overlay Logic */
        .overlay {
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Machine Card Aesthetics */
        .machine-card { border: 1px solid transparent; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        .machine-card:hover { border-color: #E5E5E5; transform: translateY(-8px); }
        .img-reveal { overflow: hidden; }
        .img-reveal img { transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .machine-card:hover .img-reveal img { transform: scale(1.08); }

        /* Content Reveal */
        .reveal { opacity: 0; transform: translateY(40px); transition: 1.2s all cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Custom UI Components */
        .btn-editorial {
            position: relative;
            padding-bottom: 4px;
        }
        .btn-editorial::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: currentColor;
            transition: width 0.4s ease;
        }
        .btn-editorial:hover::after { width: 100%; }

        /* Hide Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: white; }
        ::-webkit-scrollbar-thumb { background: black; }