.homepage-newsletter-section {
        background: var(--background-light); /* Lighter background */
        color: var(--text-dark); /* Dark text for contrast */
        padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);
        text-align: center;
        border-top: 2px solid var(--border-light); /* Thin light border */
        border-bottom: 2px solid var(--border-light); /* Thin light border */
    }

    .homepage-newsletter-grid {
        display: grid;
        grid-template-columns: 1fr; /* Single column on mobile */
        gap: 2rem;
        max-width: 1200px;
        margin: 0 auto;
        align-items: center; /* Center items vertically */
        justify-items: center; /* Center items horizontally */
    }

    @media (min-width: 768px) {
        .homepage-newsletter-grid {
            grid-template-columns: 1fr 1.5fr; /* Swapped columns on larger screens */
        }
        .homepage-newsletter-subscribe {
            order: 2; /* Move subscribe to the right */
            margin: 0 auto; /* Center subscribe box in its column */
        }
        .homepage-newsletter-info {
            order: 1; /* Move info to the left */
            margin: 0 auto; /* Center info box in its column */
        }
    }

    .homepage-newsletter-subscribe {
        text-align: center;
    }

    .homepage-newsletter-title {
        font-size: clamp(1.5rem, 4vw, 2.2rem);
        font-weight: 700;
        margin-bottom: 1rem;
        color: var(--text-dark); /* Dark text */
    }

    .homepage-newsletter-description {
        font-size: clamp(0.9rem, 1.5vw, 1.1rem);
        margin-bottom: 2rem;
        color: var(--text-dark); /* Dark text */
    }

    .homepage-newsletter-small-text {
        font-size: 0.8rem;
        color: var(--text-light);
        margin-top: 1rem;
    }

    .homepage-newsletter-small-text a {
        color: var(--primary-blue); /* Mustard link */
        text-decoration: none;
    }

    .homepage-newsletter-form {
        display: flex;
        justify-content: center;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .homepage-newsletter-form input {
        padding: 0.8rem 1rem;
        border-radius: 8px;
        border: 1px solid var(--border-light);
        background: white;
        color: var(--text-dark);
        font-size: 1rem;
        flex-grow: 1;
        max-width: 300px;
    }

    .homepage-newsletter-form input::placeholder {
        color: var(--text-light);
    }

    .homepage-newsletter-form button {
        padding: 0.8rem 1.5rem;
        border-radius: 8px;
        border: none;
        background: var(--primary-blue); /* Mustard accent */
        color: white; /* White text on button */
        font-weight: 600;
        font-size: 1rem;
        cursor: pointer;
        transition: background 0.3s ease;
    }

    .homepage-newsletter-form button:hover {
        background: var(--primary-dark); /* Darker Mustard on hover */
    }

    .homepage-newsletter-info {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        /* text-align: left; Removed */
        align-items: center; /* Center items in the column */
    }

    .homepage-newsletter-keywords {
        background: white;
        padding: 1.5rem;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        border: 1px solid var(--border-light);
        text-align: center; /* Center text within keywords box */
    }

    .homepage-newsletter-subtitle {
        font-size: clamp(1.2rem, 3vw, 1.8rem);
        font-weight: 600;
        margin-bottom: 1rem;
        color: var(--primary-blue);
    }

    .homepage-newsletter-keywords ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .homepage-newsletter-keywords li {
        font-size: 0.95rem;
        color: var(--text-dark);
        margin-bottom: 0.5rem;
    }

    .homepage-newsletter-picture {
        background: white;
        padding: 1rem;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        border: 1px solid var(--border-light);
    }

    .homepage-newsletter-picture img {
        max-width: 100%;
        height: auto;
        border-radius: 4px;
        display: block;
        margin: 0 auto;
    }

    /* Styles for the new image container in homepage-newsletter-info */
    .homepage-newsletter-image-container {
        position: relative; /* Added for pseudo-element positioning */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0; /* Changed from 1.5rem to 0 */
        background: white;
        border-radius: 0; /* Changed from 8px to 0 */
        box-shadow: none; /* Removed box-shadow */
        border: none; /* Removed border */
        height: 100%; /* Ensure it takes full height of the parent flex item */
        overflow: hidden; /* Ensure tint doesn't overflow rounded corners */
    }

    .homepage-newsletter-image-container::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(30, 64, 175, 0.1); /* Subtle blue tint */
        mix-blend-mode: multiply; /* Blends nicely with the image */
        pointer-events: none; /* Allows interaction with elements beneath if any */
    }

    .homepage-newsletter-image {
        max-width: 100%;
        width: 100%; /* Added to take full width */
        height: 100%; /* Added to take full height */
        border-radius: 0; /* Changed from 4px to 0 */
        display: block; /* Remove extra space below image */
        object-fit: cover; /* Changed from contain to cover */
        position: relative; /* Bring image above pseudo-element */
        z-index: 1; /* Ensure image is above the tint overlay */
    }

    /* Adjust the grid for smaller screens if needed to prevent image from being too small */
    @media (max-width: 768px) {
        .homepage-newsletter-grid {
            grid-template-columns: 1fr; /* Stack columns on smaller screens */
        }
        .homepage-newsletter-subscribe, .homepage-newsletter-image-container {
            order: unset; /* Reset order */
        }
        .homepage-newsletter-image-container {
            padding: 1rem; /* Adjust padding for smaller screens */
        }
    }
    .homepage-newsletter-form input {
        flex-grow: 0;
    }