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



section#d-projects .slider {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(25, 4%);
}

section#d-projects .slider .slide {
    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(25, 4%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

section#d-projects .slider .title {
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 200rem;
    line-height: 84%;
    letter-spacing: 0.195em;

    grid-column-start: 4;
    grid-column-end: 24;
    grid-row-start: 5;
    grid-row-end: 13;
  
}

section#d-projects .slider .slide.--current {
    z-index: 5;
    display: grid;
}

section#d-projects .slider .slide .container {
    /*overflow: hidden;*/
    transform: translateX(-110%);
    position: relative;
}

section#d-projects .slider .slide .container .item {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateX(110%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0% 50% 0px;
}

section#d-projects .more{
    display:block;
    margin-top:1.4em;
    text-transform: uppercase;
    text-decoration:underline;
    font-family: PT Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 18rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    opacity: 0;
}
section#d-projects .item *:hover .more, 
section#d-projects .item:hover .more{
    opacity: 1; 
}

/*
section#d-projects .slider .slide.--current .container {
    transform: translateX(0%);
}

section#d-projects .slider .slide.--current .container .item {
    transform: translateX(0%);
}

section#d-projects .slider .slide.--current .container .item h3 {
    margin: 0.9em 0;

    font-family: Druk Text Wide Cyr;
    font-style: normal;
    font-weight: 500;
    font-size: 24rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
}

section#d-projects .slider .slide.--current .container .item .content {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 16rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    display:block;
}

section#d-projects .slider .slide .container.one {
    grid-column-start: 26;
    grid-column-end: 47;
    grid-row-start: 5;
    grid-row-end: 13;
}

section#d-projects .slider .slide .container.two {
    grid-column-start: 4;
    grid-column-end: 23;
    grid-row-start: 15;
    grid-row-end: 24;
}

section#d-projects .slider .slide .container.three {
    grid-column-start: 26;
    grid-column-end: 47;
    grid-row-start: 15;
    grid-row-end: 24;
}
*/

/*
#d-projects .item-content{
    padding: 44rem; 
    margin: -44rem; 
    background: transparent;
    transition:  0.3s;
}
#d-projects .item-content:hover a, 
#d-projects .item-content:hover{
    color:black;
    transition:  0.5s;
}
#d-projects .item.one .item-content:hover{
    background: #F2C6DE;
}
#d-projects .item.two .item-content:hover{     
    background: #C6DEF1;
}
#d-projects .item.three .item-content:hover{   
    background: #DBCDF0;
}

.light #d-projects .item-content:hover{
    box-shadow: 0 0 24rem rgba(0, 0, 0, 0.25);
}
.dark #d-projects .item-content:hover{
    box-shadow: 0 0 24rem #F8F8F8;
}
*/

#d-projects .item{
    margin-bottom:34rem;
}
#d-projects .item-content{
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 16rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    display:block;
    padding: 38rem 44rem; 
    margin: -38rem -44rem;  
    background: transparent;
    transition:  0.5s;
}
#d-projects .item-content h3{
    font-family: Druk Text Wide Cyr;
    font-style: normal;
    font-weight: 500;
    font-size: 24rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    margin: 0 0 0.9em 0;
}

.light #d-projects .item-content:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}

.dark #d-projects .item-content:hover{
    background: #000000;
    box-shadow: 0px 0px 55px rgba(255, 255, 255, 0.18);
}



#d-projects .content-items{
    padding:128rem 8% 13rem 51%;
}
#d-projects .title{
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 200rem;
    line-height: 84%;
    letter-spacing: 0.195em;
    position: fixed;
    left: 26.54%;
    top: 141rem;
    transform: translateX(-50%);
    max-width: 38%;
    pointer-events: none;
}


#a-projects .next-button, 
#d-projects .next-button{
    position: fixed;
    left: 23.54%;
    top: 92%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-family: Poiret One;
    font-style: normal;
    font-weight: normal;
    font-size: 20rem;
    line-height: 91%;
    letter-spacing: 0.475em;
    -webkit-text-stroke: 0.5rem;
}
#a-projects .next-button span, 
#d-projects .next-button span{
    display: block;
    margin-left: 0.475em;
}
#a-projects .next-button svg, 
#d-projects .next-button svg{
    width: 22.67rem;
    height: auto;
    display: block;
    margin: 20rem auto 0 auto;
}
#a-projects .next-button:hover, 
#d-projects .next-button:hover{
    color: inherit!important;
    background: transparent!important;
}
#a-projects .next-button:hover line, 
#d-projects .next-button:hover line{
    stroke: white;
    fill: white;
}
.light #a-projects .next-button line, 
.light #d-projects .next-button line, 
.light #a-projects .next-button:hover line, 
.light #d-projects .next-button:hover line{
    stroke: black!important;
    fill: black!important;
}



}