.project{cursor:pointer;width:100%;transition:all .2s}.project .wrapper{justify-content:space-between;align-items:center;padding:32px 16px;display:flex}@media (min-width:640px){.project .wrapper{padding:40px 20px}}@media (min-width:1024px){.project .wrapper{padding:50px 25px}}.project h2{margin:0;font-size:32px;font-weight:600;line-height:1.2;transition:all .4s}@media (min-width:640px){.project h2{font-size:40px}}@media (min-width:1024px){.project h2{font-size:48px}}@media (min-width:1280px){.project h2{font-size:60px}}.project p{font-weight:300;line-height:1.6;transition:all .4s}@media (min-width:768px){.project:hover:not(.coming-soon){opacity:.7}.project:hover:not(.coming-soon) h2,.project:hover:not(.coming-soon) p{transform:translate(20px)}.project.coming-soon{position:relative}.project.coming-soon:after{pointer-events:none;content:"";background:linear-gradient(45deg,#0000 48%,#3b82f61a 50%,#0000 52%);position:absolute;inset:0}}@media (max-width:767px){.project:active{opacity:.8;transform:scale(.98)}}
.projects{align-items:center;display:flex}.projects .body{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.projects .modalContainer{z-index:3;pointer-events:none;background-color:#fff;border-radius:8px;width:400px;height:350px;position:fixed;top:50%;left:50%;overflow:hidden}@media (max-width:768px){.projects .modalContainer{width:300px;height:250px}}@media (max-width:480px){.projects .modalContainer{width:250px;height:200px}}.projects .modalSlider{width:100%;height:100%;transition:top .5s cubic-bezier(.76,0,.24,1);position:relative}.projects .modal{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.projects .modal img{object-fit:cover;width:100%;height:100%}.projects .cursor,.projects .cursorLabel{z-index:3;color:#fff;pointer-events:none;background-color:#09090b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:14px;font-weight:300;display:flex;position:fixed}@media (max-width:768px){.projects .cursor,.projects .cursorLabel{width:60px;height:60px;font-size:12px}}.projects .cursorLabel{background-color:#0000}