:root { --dark-olive: #1d220a; --off-white: #f1f1f1; }
    body { background-color: var(--off-white); font-family: 'Courier Prime', monospace; color: #000; margin: 0; padding: 0; overflow-x: hidden; }
    
    /* Superb Mobile Nav */
    .navbar { background-color: var(--dark-olive) !important; position: fixed; top: 0; width: 100%; z-index: 1030; border: none; padding: 0.8rem 0; }
    .navbar .container { display: flex; justify-content: flex-start; align-items: center; }
    .nav-link { color: white !important; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; padding: 0.5rem !important; }
    
    /* Typography & Hero */
    .hero-wrap { background-color: var(--dark-olive); color: white; padding: 100px 0 60px 0; border-bottom-left-radius: 50% 5%; border-bottom-right-radius: 50% 5%; text-align: center; }
    h1 { font-size: clamp(2.2rem, 10vw, 3.5rem); font-weight: 400; line-height: 1.1; margin-bottom: 10px; }
    
    /* Responsive Content */
    .business-section { padding-top: clamp(40px, 12vw, 80px); }
    .business-title { font-family: 'Inter', sans-serif; font-weight: 900; font-size: clamp(2.8rem, 15vw, 4.5rem); line-height: 0.85; margin-bottom: 20px; }
    
    /* Interactive Elements */
    .accordion-item { background: transparent; border: none; border-top: 1.5px solid #000; margin-top: 30px; border-bottom: 1.5px solid #000; }
    .accordion-button { background: transparent !important; box-shadow: none !important; font-family: 'Inter', sans-serif; font-weight: 900; color: #000 !important; }
    
    /* Desktop Images */
    .project-img-side { width: 100%; height: auto; margin-top: 30px; display: block; }
    .contained-img { width: 100%; height: 450px; object-fit: cover; display: block; margin-top: 40px; }

    footer { background-color: var(--dark-olive); color: white; padding: 80px 0 40px 0; border-top-left-radius: 50% 5%; border-top-right-radius: 50% 5%; }
    .footer-link { color: white; text-decoration: none; display: block; font-size: clamp(1rem, 5vw, 1.2rem); margin-bottom: 10px; }
    .footer-label { font-family: 'Inter', sans-serif; font-weight: 900; font-size: 0.75rem; letter-spacing: 2px; color: rgba(255,255,255,0.5); margin-bottom: 15px; }

    /* MOBILE LOGIC: The "Superb" Switch */
    @media (max-width: 767.98px) {
        /* Centered Footer for Mobile */
        footer { text-align: center; }
        footer .col-md-4 { margin-bottom: 40px !important; }
        .footer-link { word-break: break-all; }
    }
    /* MOBILE LOGIC: The "Superb" Switch */
    @media (max-width: 767.98px) {
        /* Align everything to left on mobile */
        .business-title.text-md-end, .text-md-end { text-align: left !important; }
        
        /* Hide side images, keep ONLY the wide contained image for impact */
        .project-img-side {  height: 300px; margin-top: 20px; border-radius: 4px;}
        .contained-img { display: none !important; }
        
        /* Spacing for mobile nav */
        .navbar .gap-4 { gap: 1rem !important; }
        
        /* Section Spacing */
        .business-section { padding-top: 50px; }
        
        /* Form handling (About page) */
        .form-control { font-size: 16px; /* Prevents iOS zoom */ }

    }
    .signature-wrapper {
        line-height: 1;
        margin-bottom: 1.5rem;
    }

    .marvin-text {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 3.8rem;
        font-weight: 500;
        letter-spacing: -1.5px;
    }

    .bracket-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 190px;
        margin-top: -5px;
    }

    .flex-md-row-reverse .bracket-container {
        justify-content: flex-end;
        padding-right: 20px;
        padding-left: 0;
    }

    .bracket-char {
        font-family: Arial, sans-serif;
        font-size: 2.8rem;
        font-weight: 100;
        opacity: 0.9;
        line-height: 1;
    }

    .project-logo-img {
        height: 40px;
        width: auto;
        margin: 0 18px;
        object-fit: contain;
    }

    .empty-logo-spacer {
        width: 60px;
    }
    /* Black and white by default with a smooth transition */
.object-fit-cover, .project-img-side, .contained-img {
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

/* Color on hover */
.object-fit-cover:hover, .project-img-side:hover, .contained-img:hover {
    filter: grayscale(0%);
}