.homepage-hero {
    --hgtHero: calc(100vh - (var(--hgtHeader) + 2rem));

    min-height: var(--hgtHero);

    .heroBG /* Rectangle 2 */{
        background: linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
        mix-blend-mode: normal;
        opacity: 0.5;
    }

    .bgVector /* Rectangle 83 */ {
        background: linear-gradient(73.8deg, #032F46 12.47%, rgba(0, 97, 150, 0.4) 47.08%, rgba(143, 201, 230, 0.1) 73.75%);
        background-blend-mode: multiply;
        height: 100%;
        mix-blend-mode: multiply;
        opacity: 0.7;
        width: 100%;
    }

    .topGradient /* Rectangle 88 */ {
        background: linear-gradient(347.21deg, #032F46 18.31%, rgba(0, 97, 150, 0.4) 56.56%, rgba(143, 201, 230, 0.1) 81.82%);
        background-blend-mode: multiply;
        mix-blend-mode: normal;
    }

    .heroVector {
        background-blend-mode: normal !important;
        height: var(--hgtHero);
        mix-blend-mode: normal !important;
        opacity: 1 !important;
        width: 100%;

        svg {
        }
    }

    .intro {
        h1 {
            font-size: var(--text-55px);
            font-weight: 600;
            line-height: 1;

            strong {
                font-size: var(--text-65px);
                font-weight: 700;
            }

            em { color: var(--color-cwc-orange-01); }
        }
    }
}