#splash {
    display: flex; align-items: center; justify-content: center;
    padding: 1em 3em;
}
#splash div { display: flex;
    width: 100%; aspect-ratio: 2.75/1;
    background: url(images/splash.png) center center no-repeat; background-size: cover; border-radius: 4em; 
}

.mainBlock { padding: 0 24em; }

#enga { margin-top: 2em; }

#enga h2 { padding: 0 0.5em;}
.mainBlock .border-section { padding: 0 0 6em 2em; border-left: 3px solid var(--main-text); }


#enga { color: var(--main-text); background-color: var(--fifth-color-grad0); }

#enga h2 { margin: 0.75em 0 1.25em 0; }
#enga h3, #proj h3 { font-weight: 500; }

#enga-content.flex-col {
    gap: 5em;
}

#enga-content .kps-container {
    display: flex; flex-wrap: wrap;
    row-gap: 2em;
}

#enga-content .kps-container .kps-item {
    gap: 2em; flex: 0 0 25%;
    align-items: center; justify-content: center; text-align: center;
    transition: 0.2s;
}
#enga-content .kps-container .kps-item:hover {
    transform: scale(1.2);
    gap: 1em;
    transform-origin: center center;
    transition: 0.2s;
}

#enga-content .kps-container .kps-item svg {
    max-width: 8em; max-height: 8em;
}

#enga-content .kps-container .kps-item svg {
    --svg-fill: var(--main-text);
    transition: 0.2s;
}
#enga-content .kps-container .kps-item:hover svg {
    --svg-fill: var(--seventh-color-grad0);
    transition: 0.2s;
}
#enga-content .kps-container .kps-item p {
    height: 6em; padding: 0 1em;
}
#enga-content .kps-container .kps-item:hover p {
    font-weight: 500;
}


#proj { padding-top: 6em; }
#proj h3 { color: var(--main-color); }
#proj-content.flex-col { gap: 5em; }
#proj-content .kps-img-container { display: flex; gap: 2em; margin-top: 10em; }
#proj-content .kps-img-container .kps-item { gap: 1em; transform-origin: bottom left; transition: 0.5s; }
#proj-content .kps-img-container .kps-item .kps-text { display: none; }
#proj-content .kps-img-container .kps-item.active-item { width: 20em; }
#proj-content .kps-img-container .kps-item img {
    width: 10em; height: 10em; margin: 0 auto;
    transition: 0.5s ease-out; transform-origin: bottom left;

}
#proj-content .kps-img-container .kps-item.active-item img {
    transform: scale(2.0) translateX(-2.5em);
}

#proj-content .kps-text-container { height: 5em; }
#proj-content .kps-text-container .kps-text { display: none; }
#proj-content .kps-text-container .kps-text.active-item { display: inline-block; }
#proj-content .kps-text-container span { display: initial; }


#partners { padding: 6em 12em 6em 24em; background: var(--main-color); color: var(--reverse-text); }
#partners h2 { margin-bottom: 1em; }
#partners .logos { display: flex; flex: none; align-items: center; justify-content: start; flex-wrap:wrap; row-gap: 1.5em; }
#partners .logos span { flex-basis: 13%; text-align: center; }
#partners .logos img { height: 5em; max-width: 9em; text-align: center; object-fit: scale-down; }