: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; }
    
    .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: space-between; align-items: center; }
    .nav-link { color: white !important; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; padding: 0.5rem !important; }
    
    .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; }
    
    .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; }
    
    .title-circle-img { width: clamp(100px, 35vw, 150px); height: clamp(100px, 35vw, 150px); border-radius: 50%; object-fit: cover; filter: grayscale(100%); transition: filter 0.5s ease; }
    .title-circle-img:hover { filter: grayscale(0%); }

    .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; }
    
    .project-dropdown-logo { max-height: 120px; width: auto; display: block; filter: grayscale(100%); transition: filter 0.5s ease; }
    .project-dropdown-logo:hover { filter: grayscale(0%); }

    .project-img-side { width: 100%; height: 450px; object-fit: cover; margin-top: 0; display: block; }
    .project-img-full-width { height:580px; display: block; }

    @media (min-width: 768px) {
        .image-stack-wrapper { position: relative; margin-top: -30px; }
    }

    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; }

    @media (max-width: 767.98px) {
        body { width: 100%; overflow-x: hidden; }
        h1 { font-size: clamp(1.8rem, 8vw, 2.5rem); word-break: break-word; }
        .business-title { font-size: clamp(1.8rem, 8vw, 2.8rem); word-break: break-word; }
        footer { text-align: center; }
        footer .col-md-4 { margin-bottom: 40px !important; }
        .footer-link { word-break: break-all; }
        .business-title.text-md-end, .text-md-end { text-align: left !important; }
        .business-title { justify-content: flex-start !important; }
        .project-dropdown-logo { display: block !important; margin: 0 auto !important; max-width: 100%; }
        .project-img-side { height: 300px; margin-top: 20px; border-radius: 4px; max-width: 100%; }
        .project-img-full-width { display: none !important; }
        .navbar .gap-4 { gap: 1rem !important; }
        .business-section { padding-top: 50px; }
        .gallery-points { font-size: 0.75rem; }
    }

    .object-fit-cover, .project-img-side { filter: grayscale(100%); transition: filter 0.5s ease; }
    .object-fit-cover:hover, .project-img-side:hover { filter: grayscale(0%); }