*{padding: 0; margin: 0;box-sizing:border-box;}
body{background:#000};
.mod_article{position:relative;height:100svh;100vw;overflow:hidden;}
.content-element-group{transition:opacity 500ms;}
.content-element-group:hover{opacity:1;}
.content-element-group .ce_image.background,
.content-element-group .ce_image.background figure{width:100%;height:100%;}
.content-element-group .ce_image.background a{display:block;width:100%;height:100%;}
.content-element-group .ce_image.background picture,
.content-element-group .ce_image.background img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.content-element-group .ce_text.logo{position:absolute;max-width:250px;transition:scale 500ms;}
.content-element-group .ce_text.logo picture,
.content-element-group .ce_text.logo img{width:100%;height:auto;}
.content-element-group:hover .ce_text.logo{scale:1.2;}
@media (max-width:499px) {
	.content-element-group{position:relative;height:50svh;}
	.content-element-group .ce_text.logo{top:50%;left:50%;translate:-50% -50%;}
}
@media (min-width:500px) {
	.content-element-group{position:absolute;inset:0;opacity:0.75;}
	.content-element-group:first-child{clip-path: polygon(0 0, 0 100%, 100% 0);}
	.content-element-group:last-child {clip-path: polygon(100% 100%, 0 100%, 100% 0);}
	.content-element-group .ce_text.logo{top:25%;left:25%;translate:-25% -25%;max-width:250px;transition:scale 500ms;}
	.content-element-group:last-child .ce_text.logo{top:75%;left:75%;translate:-50% -50%;}
}

.logo p {
	text-align: center;
    font-family: Manrope, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    padding-top: 15px;
}

.logo p strong {
	color:#FFF;
}