.references4 .item{position:relative;height:20vw;padding:20px;}.references4 .image{z-index:0;overflow:hidden;}.references4 .image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0,0.6,0.4,1);}.references4 .item:hover .image img{transform:scale(1.07);}.references4 .layer{z-index:1;background-color:#292929;opacity:0.7;transition:opacity 0.6s cubic-bezier(0,0.6,0.4,1);}.references4 .item:hover .layer{opacity:0.55;}.references4 .items .item h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-bottom:0;z-index:2;text-align:center;width:calc(100% - 40px);}.references4 .items .item h3 a{color:#fff;font-size:1.75rem;text-transform:uppercase;margin-bottom:0;display:block;width:100%;text-align:center;}@media (max-width:767px){.references4 .item{height:200px;}.references4 .items .item h3 a{font-size:1.375rem;}}.portfolio-list{padding:0;background-color:#101010;pointer-events:none;}.portfolio-list .swiper{transition:transform 1.25s cubic-bezier(0.77,0,0.18,1);overflow:visible;cursor:grab;pointer-events:all;user-select:none;z-index:10;transform-origin:center 30vh;}.portfolio-list .swiper.open{transform:scale(0.65);}.portfolio-toggle{position:absolute;bottom:2.5vw;right:2.5vw;width:3.5vw;height:3.5vw;z-index:99;color:#FFFFFF;cursor:pointer;pointer-events:all;}.portfolio-toggle i{font-size:2vw;position:absolute;top:0;right:0;transition:transform 0.8s cubic-bezier(0.77,0,0.18,1);}.portfolio-toggle i:nth-child(2){top:auto;bottom:0;right:auto;left:0;}.portfolio-toggle.open i{transform:scale(-1);}.portfolio-toggle.open i:nth-child(2){transform:scale(-1);}.portfolio-list .swiper-button{position:absolute;top:50%;transform:translateY(-50%);width:8%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;pointer-events:all;transition:opacity 0.5s;}.portfolio-list .swiper-button-disabled{opacity:0;}.portfolio-list .swiper-button svg{width:1.75vw;height:auto;}.portfolio-list .swiper-button.prev{left:0;}.portfolio-list .swiper-button.next{right:0;}.portfolio-list .swiper-pagination{display:flex;margin:0;bottom:5dvh !important;z-index:1;opacity:0;transition:opacity 0.5s;padding:0 20vw;pointer-events:all;}.portfolio-list .swiper.open + .swiper-pagination{opacity:1;}.portfolio-list .swiper-pagination-bullet{width:100%;border-radius:0;margin:0 !important;height:8px;background-color:#646464;transition:background-color 0.8s ease;}.portfolio-list .swiper-pagination-bullet-active{background-color:#FFFFFF;}.portfolio-list .swiper-slide{height:100dvh;overflow:hidden;}.portfolio-list .swiper.open .swiper-slide,.portfolio-list .swiper.animating .swiper-slide{overflow:visible;}.portfolio-list .swiper-slide .edit-layer{top:50%;}.portfolio-list .swiper-slide .layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000088;pointer-events:none;z-index:1;}.portfolio-list .swiper-slide .content{position:absolute;bottom:6vw;left:10vw;z-index:2;pointer-events:none;}.portfolio-list .swiper-slide .content > *{position:relative;z-index:2;color:#FFFFFF;pointer-events:none;}.portfolio-list .swiper-slide .content h3{font-size:3.75vw;letter-spacing:-0.02em;margin-bottom:0.25em;font-weight:300;text-transform:uppercase;}.portfolio-list .swiper-slide .content p{font-size:1.5vw;line-height:1.5;max-width:800px;font-weight:300;margin-bottom:0;}.portfolio-list .swiper-slide .content .primary-link{pointer-events:all;background-color:transparent;font-weight:500;font-size:1vw;padding:0.75em 1.5em;margin-top:1.75em;}.portfolio-list .swiper-slide .bottom{position:absolute;top:calc(100% + 5dvh);left:50%;transform:translateX(-50%);text-align:center;color:#FFFFFF;width:100%;}.portfolio-list .swiper-slide .bottom h3{font-size:2.5vw;font-weight:500;text-transform:uppercase;margin-bottom:0.25em;}.portfolio-list .swiper-slide .bottom h4{color:#BBBBBB;font-size:1.75vw;font-weight:500;text-transform:uppercase;margin-bottom:0;}@media (max-width:768px){.portfolio-toggle{bottom:20px;right:20px;width:36px;height:36px;}.portfolio-toggle i{font-size:20px;}.portfolio-list .swiper-button{width:60px;}.portfolio-list .swiper-button svg{width:20px;}.portfolio-list .swiper-slide .content{bottom:60px;left:20px;}.portfolio-list .swiper-slide .content h3{font-size:1.5rem;letter-spacing:0;margin-bottom:0.5em;}.portfolio-list .swiper-slide .content p{font-size:1rem;max-width:calc(100% - 50px);}.portfolio-list .swiper-slide .content .primary-link{font-size:0.875rem;padding:0.75em 1.25em;}.portfolio-list .swiper-slide .bottom h3{font-size:2rem;}.portfolio-list .swiper-slide .bottom h4{font-size:1.375rem;}}