.about--enterprises {
    overflow : hidden;
}

.about--enterprises header {
    margin-bottom : 4.2rem;
}

@media all and (max-width : 760px) {
    .about--enterprises header {
        padding-right : 25%;
    }
}

.about--enterprises header h2 {
    font-size   : 1.6rem;
    font-family : var(--font--walsheim);
    font-weight : 500;
    color       : var(--color--purple);
}

.about--enterprises header h2 + p {
    font-size   : 2.4rem;
    line-height : 1.3;
}

@media all and (min-width : 760px) {
    .about--enterprises header h2 + p {
        font-size : 3.2rem;
    }
}

.about--enterprises--items .item .wrapper {
    border-radius : 50%;
    overflow      : hidden;
    position      : relative;
    z-index       : 1000;
	cursor		  : pointer;
}


.about--enterprises--items .item .wrapper:hover .details {
    opacity : 1;
}

.about--enterprises--items .item .wrapper .details {
    text-align      : center;
    color           : var(--color--white);
    position        : absolute;
    z-index         : 200;
    height          : 100%;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    transition      : opacity 0.25s ease-in-out;
    padding         : 1.6rem;
    opacity         : 1;
    box-sizing      : border-box;
}

@media all and (min-width : 760px) {
    .about--enterprises--items .item .wrapper .details {
        opacity : 0;
    }
}

@media all and (min-width : 1280px) {
    .about--enterprises--items .item .wrapper .details {
        padding : 3rem;
    }
}

.about--enterprises--items .item .wrapper .details h3 {
    color       : inherit;
    margin-top  : 0;
    font-size   : 1.2rem;
    font-family : var(--font--walsheim);
    font-weight : normal;
}
@media all and (max-width : 760px) {
    .about--enterprises--items .item .wrapper .details h3 {
		font-size   : 1.9rem;
	}
}
@media all and (min-width : 1280px) {
    .about--enterprises--items .item .wrapper .details h3 {
        font-size : 2.3rem;
    }
}

.about--enterprises--items .item .wrapper .details p {
    color     : inherit;
    font-size : 1.6rem;
}

.about--enterprises--items .item .wrapper .details .links {
    padding-top    : 2.4rem;
    display        : flex;
    flex-direction : row;
    flex-wrap      : nowrap;
}

.about--enterprises--items .item .wrapper .details .links a {
    display                 : block;
    padding                 : 1.5rem;
    background-color        : rgba(255, 255, 255, 0.5);
    backdrop-filter         : blur 0.5rem;
    -webkit-backdrop-filter : blur 0.5rem;
    -moz-backdrop-filter    : blur 0.5rem;
    border-radius           : 50%;
    margin                  : 0 1rem;
}

.about--enterprises--items .item .wrapper .details .links a .icon {
    filter : brightness(0) invert(1);
}

.about--enterprises--items .item .wrapper .details:after {
    content    : "";
    position   : absolute;
    left       : 0;
    top        : 0;
    display    : block;
    width      : 100%;
    height     : 100%;
    background : var(--color--gradient--purple);
    opacity    : 0.8;
    z-index    : -1;
}

.about--enterprises--items .item .wrapper picture img {
    display      : block;
    width        : 100%;
    aspect-ratio : 1;
}

@media all and (max-width : 760px) {
    .about--enterprises .items {
        margin-right : -80%;
        margin-left  : -0.8rem;
        padding-left : 0.8rem;
        overflow     : visible;
    }
}

.about--enterprises .items .tns-ovh {
    overflow : visible;
}

.about--enterprises--item--popup {
    width  : 320px;
    height : 480px;
}

@media all and (min-width : 760px) {
    .about--enterprises--item--popup {
        width  : 800px;
        height : 600px;
    }
}

/*# sourceMappingURL=style.css.map */