@media screen and (min-width: 960px) and (orientation: landscape){



section#archive-progects .archives-container {
    font-size: 0px;
    margin: 293rem 0 0 0;
}
section#archive-progects .archives-container::after{
    content: "";
    display: block;
    clear: both;
}

section#archive-progects .archive-box {
    width: 20.833%;
    height: 20.833%;
    padding-bottom: 20.833%;
    height: 0;
    margin: 0 1.736% 1.736% 0; 
    position: relative;
    float: left;
}

section#archive-progects .archive-box:nth-child(8n+1){
    margin-right: 46.874%;
}

section#archive-progects .archive-box:nth-child(8n+3), 
section#archive-progects .archive-box:nth-child(8n+4){
    margin-right: 24.305%;
}

section#archive-progects .archive-box:nth-child(8n+5){
    margin-right: 24.305%;
    margin-left: 22.569%;
}

section#archive-progects .archive-box:nth-child(8n+7){
    margin-left: 22.569%;
}

section#archive-progects .archive-box:nth-child(8n+8){
    margin-right: 24.305%;
}

section#archive-progects .archive-box .archive-photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform-origin: 0% 50% 0px;
}

section#archive-progects .archives-container .archive-box .archive-photo .content {
    display: none;
}

.archive-popup-background {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(13px);
    opacity: 0;
    z-index: 9999999;
    overflow: auto;
}

.archive-popup-background .content {
    width: 70%;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.archive-popup-background img,
.archive-popup-background .description {
    opacity: 0;
}

.archive-popup-background img {
    width: 100%;
    pointer-events: none;
}

.archive-popup-background .description {
    margin-top: 15rem;
    margin-bottom: 100rem;
}

.archive-popup-background .close {
    float: right;
    margin-bottom: 10rem;
}



.archive-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: black;
    z-index: 1;
    padding-top: 100rem;
    padding-bottom: 34rem;
    display: flex;
    justify-content: space-between;
}
.light .archive-header{
    background-color: white;
}
.archive-title{
    font-family: Druk Wide Cyr;
    font-style: italic;
    font-weight: 900;
    font-size: 72rem;
    line-height: 126.5%;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    margin-left: 52rem;
    margin-top:5rem;
}
.archive-title p {
    margin: 0;
}
.archive-title b {
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 72rem;
    line-height: 126.5%;
    letter-spacing: 0.41em;
}
.light .archive-title b {
    color:black;
}
.archive-description {
    margin-right:207rem;
    margin-top:-18rem;
    font-family: PT Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16rem;
    line-height: 126.5%;
    letter-spacing: -0.02em;
}
.archive-header .next-button {
    font-family: 'Poiret One', Arial, Helvetica, sans-serif;
    font-size: 16rem;
    line-height: 91%;
    letter-spacing: 0.475em;
    padding: 20rem 47rem;
    width: auto;
    box-sizing: border-box;
    margin-top: 35rem;
    transition: 600ms opacity;
    display: flex;
    margin-right:18rem;
}

.archive-header .next-button svg {
    margin-left: auto;
}

.archive-header .next-button span {
    display: block;
}
.archive-header .next-button svg {
    height: 16rem;
    width: auto;
    margin-left: 10em;
}

img.lazypreload.fadein.lazyloaded {
    width: 100%;
    opacity: 0;
}



}