body {
            background-color: #f4f1ea;
            color: #1a332a;
            overflow-x: hidden;
            font-size: 18px;
            line-height: 1.8;
        }

        
        .organic-shape {
            position: absolute;
            z-index: -1;
            background-color: #e0dcd3;
            border-radius: 50%;
            filter: blur(0px); 
        }

        .shape-blob {
            border-radius: 64% 36% 27% 73% / 55% 58% 42% 45%;
        }

        .shape-wave {
            border-radius: 100% 0% 100% 0% / 100% 0% 100% 0%;
        }

        
        .bg-image-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
        }

        .bg-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.15; 
        }

        .content-image {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 20px 100px 20px 100px;
        }

        
        h1, h2, h3 {
            letter-spacing: -0.02em;
        }

        
        .text-justified {
            text-align: justify;
        }
        
        
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }
        #mobile-menu.open {
            transform: translateX(0);
        }

        
        .flow-content > * + * {
            margin-top: 2rem;
        }