.swiper{max-height:80%;padding-bottom:4.8rem;width:100%}.swiper-slide{display:grid;place-items:center}.swiper-slide img{height:100%}.swiper-pagination-bullet{background-color:#fff;height:1.2rem;opacity:1;width:1.2rem}.swiper-pagination-bullet-active{background-color:#020203;opacity:c1}.carousel{max-height:80%}.carousel__img,.carousel__track,.carousel__viewport{height:100%}.carousel__pagination-button:after{background-color:#fff}.carousel__pagination-button--active:after{background-color:green}.overlay{align-items:center;background:#000000e6;display:flex;flex-direction:column;gap:1.6rem;height:100vh;justify-content:center;min-height:100vh;position:fixed;width:100%;z-index:-1}@media (min-width:1024px){.overlay{padding-top:6.4rem}}.overlay--shown{animation:overlay--shown .3s ease forwards}.overlay--hidden{animation:overlay--hidden .3s ease forwards}.overlay__project-name{color:#e9eaed;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:700;gap:.4rem}.overlay__project-name,.overlay__project-name span{align-items:center;display:flex}.overlay__exit-button-wrapper{cursor:pointer;display:grid;height:clamp(1.6rem,1.7832vw,2.4rem);place-items:center;position:absolute;right:clamp(2.2rem,3.8636vw,5.2rem);top:clamp(2.6rem,3.715vw,5rem);width:clamp(1.6rem,1.7832vw,2.4rem);z-index:1}.overlay__exit-button div{background:#fff;height:.4rem;transform-origin:center;width:clamp(1.6rem,1.7832vw,2.4rem)}.overlay__exit-button div:first-child{transform:translateY(.4rem) rotate(45deg)}.overlay__exit-button div:last-child{transform:rotate(-45deg)}@keyframes overlay--shown{0%{opacity:0;z-index:3}to{opacity:1;z-index:3}}@keyframes overlay--hidden{0%{opacity:1;z-index:3}99%{opacity:0;z-index:3}to{opacity:0;z-index:-1}}