* {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

html,
body {
    overflow: hidden;
}

body {
    margin: 0px;
    padding: 0px;
}

main {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

h1,
h1 a {
    font-size: 14px;
    color: #000;
    letter-spacing: 0.03rem;
    text-decoration: none;
}

h1 {
    position: absolute;
    top: 50%;
    left: clamp(25px, 3.125vw, 50px);
    transform: translateY(-50%);
    margin: 0px;
    z-index: 9;
}

h1 a {
    display: block;
    padding: 10px 10px 10px 0px;
    position: relative;
}

h1 a:hover {
    mask-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 35%, #000 50%, rgba(0, 0, 0, 0.1) 65%);
    mask-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, #000 50%, rgba(0, 0, 0, 0) 100%);
    mask-size: 200%;
    animation: shine 3s infinite;
    animation-timing-function: linear;
}

@keyframes shine {
    from {
        -webkit-mask-position: 200%;
    }
    to {
        -webkit-mask-position: -200%;
    }
}


/* h1 a:hover:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
} */

picture,
picture img {
    display: block;
}

picture {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

picture img {
    width: auto;
    height: 100vh;
    max-width: none;
    aspect-ratio: 988 / 1236;
}
@media (max-width:1600px){
    picture {
        right: 0px;
        transform: none;
        left: unset;
    }
}
@media ((max-aspect-ratio: 1175/1469) and (max-width:1600px)) or (max-width:768px) {
    h1 {
        left: 0px;
        right: 0px;
        top: 50px;
        text-align: center;
    }

    h1 a {
        color: #FFF;
        text-shadow: 0 0px 4px rgba(0,0,0,0.6);
    }

    h1 a:hover{
        mask-image: unset;
        mask-size: unset;
        animation: none;
    }

    picture img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
}