header {translate: 0 -100%;}
.home_p-item {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 16/9;
}
@media only screen and (min-width: 1024px) {
    .home_p-item {grid-column: span 4;}
}

/* MENU */
#home_p-menu nav {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto !important;
}
#home_p-menu nav[data-status="close"] {translate: 0 100%;}
#home_p-menu nav[data-status="open"] {translate: 0;}

#home_p-menu a {margin: 8vw 0;}
#home_p-menu a:first-of-type {margin-top: 2vw;}
@media only screen and (min-width: 1024px) {
    #home_p-menu a {
        margin: 2vw 0;
        padding-top: 1vw;
    }
    #home_p-menu a:first-of-type {margin-top: -1vw;}
}

/* VIDEO */
.home_p-video div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 500ms ease;
}
.home_p-video div.bg-blue {opacity: .5;}
.home_p-video span {z-index: 20;}
@media only screen and (min-width: 1024px) {
    .home_p-video span {
        display: block;
        margin-left: .5rem;
    }
}
@media (hover: hover) {
    .home_p-video:hover > div {opacity: 1;}
}

.home_p-video-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
}
@media only screen and (min-width: 1024px) {
    .home_p-video-overlay {
        padding: 8rem 10vw;
    }
}
.home_p-video-overlay[data-status="close"] {transform: translate(-100vw);}
.home_p-video-overlay[data-status="open"] {transform: translate(0);}

.home_p-video-overlay iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border: none !important;
}

.home_p-video-overlay button {
    top: 0;
    right: 0;
    height: 2.5rem;
}