.project-hero {
	padding: 190px 0 70px;
    max-width: 1320px;
    margin: 0 auto;

    @media screen and (max-width: 768px) {
        padding: 110px 20px 60px;
    }

    .project-hero-inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 80px;
        flex-wrap: wrap;

        @media screen and (max-width: 768px) {
            gap: 30px;
        }

        .project-hero-title {
            font-family: 'Closer Text', sans-serif;
            font-weight: 500;
            font-size: 100px;
            line-height: 104%;
            letter-spacing: -0.02em;
            color: #013026;
            max-width: 1010px;
            margin: 0;

            @media screen and (max-width: 768px) {
                font-size: 46px;
            }
        }

        .content {
            display: flex;
            justify-content: space-between;
            width: 100%;

            @media screen and (max-width: 768px) {
                flex-direction: column;
                gap: 40px;
            }


            .project-hero-subtitle {
                font-family: 'Closer Text', sans-serif;
                font-weight: 500;
                font-size: 18px;
                line-height: 130%;
                letter-spacing: -0.01em;
                color: #004735;
                flex: 0 1 415px;

                @media screen and (max-width: 768px) {
                    flex: unset;
                    font-size: 16px;
                    flex-wrap: wrap;
                }

                @media screen and (max-width: 480px) {
                    /* max-width: 210px; */
                }
            }

            .project-hero-facts {
                display: flex;
                gap: 40px;
                flex: 0 1 425px;

                @media screen and (max-width: 768px) {
                    flex: unset;
                    gap: 20px;
                    flex-direction: column;
                }

                .project-hero-fact {
                    display: flex;
                    gap: 14px;

                    .fact-icon {
                        width: 46px;
                        height: 46px;
                        object-fit: contain;

                        @media screen and (max-width: 768px) {
                            width: 40px;
                            height: 40px;
                        }
                    }

                    h4 {
                        font-family: 'Closer Text', sans-serif;
                        font-weight: 500;
                        font-size: 24px;
                        line-height: 120%;
                        letter-spacing: -0.02em;
                        color: #013026;
                        margin: 0 0 2px;

                        @media screen and (max-width: 768px) {
                            font-size: 21px;
                        }
                    }

                    p {
                        font-family: 'Closer Text', sans-serif;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 130%;
                        letter-spacing: -0.01em;
                        color: rgba(0, 71, 53, 0.7);
                        margin: 0;

                        @media screen and (max-width: 480px) {
                            max-width: 150px;
                        }
                    }
                }

                
            }
        }
    }
}


@media (max-width: 768px) {
	.project-hero-inner { flex-direction: column; }
	.project-hero-facts { gap: 30px; }
}