.project{width:100%;display:flex;flex-direction:column;gap:2rem;border-bottom:1px solid #000;padding:1rem 0}.project .main{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.project .main h1{font-size:1.5rem;text-transform:uppercase;font-weight:500}.project .main a{text-transform:uppercase;display:flex;gap:.25rem;align-items:center;position:relative;width:fit-content;top:0;transition:top 2s cubic-bezier(.16,1,.3,1)}.project .main a svg{font-size:1.25rem}.project .main a:after{content:"";position:absolute;width:100%;height:1px;background-color:#000;left:0;bottom:0;transform:scaleX(0);transform-origin:0 100%;transition:.3s ease}.project .main a:hover:after{transform:scale(1)}.project .details{width:100%;display:flex;gap:3rem}.project .details h3{text-transform:uppercase;color:#9d9b9b;font-weight:500;font-size:.9rem}.project .details p{font-weight:600}.project .projectContainer{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.project .projectContainer .projectsContainerInner{display:flex;gap:1rem}.project .projectContainer .projectsContainerInner .image{flex:0 0 auto;width:32rem;height:28rem}.project .projectContainer .projectsContainerInner .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:650px){.project .projectContainer .projectsContainerInner .image{width:18rem;height:20rem}}