/* Override all existing styles for clean sustainability design */
        body.sustainability-page .story-section {
            padding: 4rem 0;
            background: none;
            box-shadow: none;
            margin: 0;
            overflow: visible;
        }
        
        body.sustainability-page .story-content {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 var(--space-8); /* 32px mobile first - increased for better readability */
            background: transparent;
            justify-content: unset;
        }
        
        /* Kawane section - always single column for focused image display */
        body.sustainability-page .story-section.kawane-yuzu .story-content {
            grid-template-columns: 1fr;
        }
        
        @media (min-width: 768px) {
            .sustainability-page .story-content {
                padding: 0 var(--space-12); /* 48px tablet - increased */
            }
        }
        
        @media (min-width: 1024px) {
            .sustainability-page .story-content {
                padding: 0 var(--space-12); /* 48px desktop */
            }
        }
        
        @media (min-width: 1440px) {
            .sustainability-page .story-content {
                padding: 0 var(--space-16); /* 64px large desktop */
                max-width: 1400px;
            }
        }
        
        body.sustainability-page .story-text {
            background: transparent;
            padding: 0;
            border-radius: 0;
            box-shadow: none;
            backdrop-filter: none;
        }
        
        .sustainability-page .story-text h2 {
            color: var(--deep-blue);
        }
        
        .sustainability-page .story-text p {
            color: #333;
        }
        
        body.sustainability-page .story-image {
            display: block;
            overflow: visible;
            box-shadow: none;
        }
        
        /* Override shizuoka-yuzu specific hiding from css/styles.css */
        body.sustainability-page .shizuoka-yuzu .story-text {
            opacity: 1;
            transform: none;
            background: transparent;
            border: none;
            box-shadow: none;
            backdrop-filter: none;
            padding: 0;
        }
        
        body.sustainability-page .shizuoka-yuzu .story-text h2,
        body.sustainability-page .shizuoka-yuzu .story-text p {
            color: #333;
            text-shadow: none;
        }
        
        body.sustainability-page .story-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            object-fit: cover;
            max-height: 400px;
            transform: scale(1);
            transition: transform 0.3s ease;
        }
        
        body.sustainability-page .story-image img:hover {
            transform: scale(1.02);
        }
        
        /* Remove box-shadow for sustainability_1.png specifically */
        body.sustainability-page .story-image img[src*="sustainability_1.png"] {
            box-shadow: none;
        }
        
        /* Mobile layout order: title -> image -> text */
        body.sustainability-page .story-content .story-text {
            order: 3;
        }
        
        body.sustainability-page .story-content .story-image {
            order: 2;
        }
        
        /* Ensure section titles appear first */
        body.sustainability-page .story-content .story-text .section-title {
            order: 1;
            margin-bottom: var(--space-4);
        }
        
        /* Mobile-optimized spacing and typography */
        @media (max-width: 767px) {
            body.sustainability-page .story-content {
                gap: var(--space-6); /* Tighter spacing on mobile */
                text-align: center; /* Center align content on mobile */
            }
            
            body.sustainability-page .story-text {
                order: 3;
            }
            
            body.sustainability-page .story-image {
                order: 2; 
                margin: var(--space-4) 0; /* Add some breathing room */
            }
            
            body.sustainability-page .section-title {
                order: 1;
                text-align: center;
                margin-bottom: var(--space-6);
                font-size: clamp(1.8rem, 5vw, 2.2rem); /* Mobile-optimized sizing */
            }
            
            body.sustainability-page .story-paragraph {
                text-align: justify;
                font-size: 1rem;
                line-height: 1.7;
                margin-bottom: var(--space-4);
            }
        }
        
        @media (min-width: 768px) {
            body.sustainability-page .story-content {
                grid-template-columns: 1fr 1fr;
                gap: 4rem;
            }
            
            /* Kawane section stays single column on desktop for focused display */
            body.sustainability-page .story-section.kawane-yuzu .story-content {
                grid-template-columns: 1fr;
            }
            
        }