body.page_landing main#main,
body.controller_home main#main {
    padding-top: 0;
}
body.controller_home footer#footer {
    /*display: none;*/
}


#home_slider {
    height: 100vh;
}
#home_slider .slider button {
    display: none !important;
}
#home_slider .slider li {
    position: relative;
    height: 100vh;
}
#home_slider .slider video,
#home_slider .slider img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#home .introductory {
    position: fixed;
    z-index: 900;
    /*top: var(--header-height);*/
    left: 0;
    right: 0;
    bottom: unset;
    padding: var(--default-spacing) 0 240px var(--default-spacing);
    font-size: var(--introductory-font-size);
    line-height: var(--introductory-line-height);
    background: var(--grey);
    backdrop-filter: blur(5px);
    transition: 0.5s;
    opacity: 1;
    height: 100vh;
    box-sizing: border-box;
}
#home .introductory .wrapper {
    max-width: 1024px;
    padding-top: var(--header-height);
}
body.scrolling #home .introductory {
    opacity: 0 !important;
    transition: 0.5s;
    z-index: 1;
}



#linked_project {
    display: none;
    position: fixed;
    bottom: var(--default-spacing);
    left: 50%;
    transform: translateX(-50%);
    z-index: 800;
    background: var(--grey);
    backdrop-filter: blur(5px);
    min-height: 75px;
    width: 100%;
    max-width: 400px;
    border-radius: 5px;
    box-sizing: border-box;
    opacity: 0;
    transition: 0.5s;
}
body.scrolling #linked_project {
    opacity: 1;
    transition: 0.5s;
}
#linked_project:hover {
    background: #fff;
}
#linked_project a {
    display: block;
    min-height: 75px;
    margin: var(--default-spacing);
    overflow: hidden;
    position: relative;
}
#linked_project .more {
    position: absolute;
    top: 0;
    right: 0;
}
.linked_project {
    display: none;
}
.home_blocks {

}
.home_block {
    position: sticky;
    top: 0;
    height: 100vh;
    opacity: 0;
    inset: 0;
    transition: opacity 0.8s ease-in-out;
}
.home_block.active {
  opacity: 1;
}

.home_block .medias .media {
    /*width: 100vw;
    height: calc(100vh - var(--header-height));*/
    height: 100vh;
    position: relative;
}
.home_block .medias .media video,
.home_block .medias .media img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#home .types_menu {
    position: fixed;
    top: 200vh;
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    height: 80vh;
    overflow-y: hidden;
    z-index: 800;
    /*opacity: 0;*/
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
      );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
      );
}
/*body.scrolling #home .types_menu {
    opacity: 1;
}*/
#home .types_menu.fixed {
    position: fixed;
}
#home .types_menu > .wrapper {
    position: absolute;
    top: 200vh;
    width: 100%;
}
#home .types_menu ul {
    list-style: none;
    padding-left: 0;
}
#home .types_menu li {
    text-align: center;
    font-size: clamp(35px, 10vw, 500px);
    line-height: clamp(35px, 10vw, 500px);
    color: #fff;
}

@media only screen and (min-width: 768px) {
}

#home .types_menu li div {
    cursor: pointer;
    opacity: 0.5;
    padding: 10px 0;
}

/*#home .types_menu li:hover div,*/
#home .types_menu li.active div {
    opacity: 1;
}