/*
==========================================
PROJECT ARCHIVE HERO
==========================================
*/

.archive-hero{

    margin:0 0 120px;

    overflow:hidden;

}

.archive-hero-container{

    width:100%;

    overflow:visible;

}

.archiveHero{

    width:100%;

    overflow:visible;

}

.archiveHero .swiper-wrapper{

    align-items:center;

}

.archiveHero .swiper-slide{

    width:min(72vw,1300px);

    flex-shrink:0;

    position:relative;

    transition:all .8s ease;

    transform:scale(.90);

    opacity:.28;

}

.archiveHero .swiper-slide-prev,
.archiveHero .swiper-slide-next{

    opacity:.55;

    transform:scale(.95);

}

.archiveHero .swiper-slide-active{

    opacity:1;

    transform:scale(1);

}

.archiveHero .swiper-slide a{

    display:block;

    position:relative;

    overflow:hidden;

    color:#fff;

}

.archiveHero img{

    width:100%;

    height:72vh;

    object-fit:cover;

    display:block;

}

.archiveHero .swiper-slide::after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.18);

    transition:.4s;

    pointer-events:none;

}

.archiveHero .swiper-slide-active::after{

    background:rgba(0,0,0,.05);

}

.archive-caption{

    position:absolute;

    left:50%;

    bottom:55px;

    transform:translateX(-50%);

    text-align:center;

    width:90%;

    z-index:10;

}

.archive-caption h2{

    margin:0 0 12px;

    font-size:42px;

    font-weight:300;

    line-height:1.2;

    color:#fff;

}

.archive-caption span{

    display:inline-block;

    font-size:12px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#fff;

}

@media(max-width:1200px){

    .archiveHero .swiper-slide{

        width:82vw;

    }

}

@media(max-width:768px){

    .archiveHero .swiper-slide{

        width:92vw;

    }

    .archiveHero img{

        height:55vh;

    }

    .archive-caption h2{

        font-size:28px;

    }

}