.project-case-study-container{height:100vh;background-color:#000;color:#5b46d6;overflow:hidden}.project-case-study-container,.project-case-study-section{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.project-case-study-section{height:100%}.project-case-study-wrapper{list-style:none;padding:0;margin:0;z-index:2;display:flex;flex-direction:column;gap:1rem}.project-case-study-name{font-family:Big Shoulders Display,sans-serif;font-size:4vw;font-weight:700;text-transform:uppercase;cursor:pointer;opacity:.3;transition:opacity .3s ease,transform .3s ease;text-align:center}.project-case-study-name.active{opacity:1;transform:scale(1.1)}.project-case-study-name .hover-target{display:block;width:100%;background:none;border:none;padding:0;font:inherit;text-transform:inherit;text-decoration:none;color:inherit;cursor:pointer}.project-case-study-images{position:absolute;top:0;left:0;width:100%;height:100%;list-style:none;padding:0;margin:0;pointer-events:none;z-index:1}.project-case-study-images li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.project-case-study-images li.show{opacity:1}.project-img-hero-background{width:100%;height:100%;position:relative}.project-img-hero-background span{position:absolute;display:block;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.project-img-hero-background img{width:100%;height:100%;object-fit:contain}.project-img-hero-background span:first-child{top:10%;left:10%;width:25vw;height:18vw;z-index:2}.project-img-hero-background span:nth-child(2){top:15%;right:10%;width:30vw;height:20vw;z-index:1}.project-img-hero-background span:nth-child(3){bottom:10%;left:15%;width:28vw;height:18vw;z-index:3}.project-img-hero-background span:nth-child(4){bottom:15%;right:15%;width:22vw;height:15vw;z-index:2}@media (max-width:768px){.project-case-study-name{font-size:8vw}.project-img-hero-background span:first-child{top:15%;left:5%;width:40vw;height:25vw}.project-img-hero-background span:nth-child(2){top:20%;right:5%;width:45vw;height:30vw}.project-img-hero-background span:nth-child(3){bottom:15%;left:5%;width:40vw;height:25vw}.project-img-hero-background span:nth-child(4){display:none}}