.sonni-science-sustainability-2026 {
    color: var(--sonni-blue);
    padding: 50px 0;
    background-color: var(--sonni-lightgrey);

    @media screen and (min-width: 768px) {
        padding: 70px 0;
    }

    .sonni-science-sustainability__grid {
        display: grid;
        gap: 24px;

        @media screen and (min-width: 992px) {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .sonni-science-sustainability__item {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 150px;

        @media screen and (min-width: 768px) {
            height: 270px;
        }

        &:nth-child(2) {
            .title {
                color: var(--sonni-white);
            }
        }

        .title {
            position: absolute;
            top: 0;
            left: 0;
            padding: 16px;
            z-index: 1;
            margin: 0;

            @media screen and (min-width: 768px) {
                padding: 30px;
            }
        }

        .button {
            position: absolute;
            bottom: 16px;
            left: 16px;

            @media screen and (min-width: 768px) {
                bottom: 30px;
                left: 30px;
            }
        }
    }
}