.landing {
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    padding: 7rem 0 9rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    position: relative;

    color: white;
    
	mask: url('assets/mask-bottom.svg') bottom center / cover no-repeat;
	-webkit-mask: url('assets/mask-bottom.svg') bottom center / cover no-repeat;
}

#realisations .landing {
    background-image: url("assets/photos/gallery/monemvasia.webp");
}
#gallery .landing {
    background-image: url("assets/photos/gallery/plage.webp");
}

.landing::before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0; z-index: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .2);
    backdrop-filter: blur(1px);
    
	mask: url('assets/mask-bottom.svg') bottom center / cover no-repeat;
	-webkit-mask: url('assets/mask-bottom.svg') bottom center / cover no-repeat;
}

.landing * {
    position: relative;
    z-index: 1;
}

.landing h1 {
	text-align: center;
	font-family: 'Cinzel', Arial;
	font-size: 4em;
	font-weight: normal;
	margin: 0; margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .landing h1 {
        font-size: 2.5em;
    }
}

/* --------------------------------- Section -------------------------------- */

section:not(:has(> .landing)) {
    padding: 3rem 0;
}