.project{position:relative;flex:1 1 0;min-width:80vw}.project:not(:last-child){border-right:1px solid #241e20}@media (min-width:640px){.project{min-width:0;border-bottom:1px solid #241e20}}.project-wrapper{display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory}@media (min-width:640px){.project-wrapper{overflow-x:visible}}.project-logo{position:absolute;top:1rem;right:1rem;background:#fff;display:flex;padding:1rem;max-width:max(10vw,200px);height:54px}.project-logo svg{width:100%;height:auto}.project-content{padding:2rem}.project-title{margin-bottom:.5rem;position:relative;pointer-events:none;overflow:hidden}.project-title span{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.4s;display:block}.project-title span:first-child{position:relative;top:0;left:0;opacity:1;transform:translateY(0)}.project-title span:last-child{position:absolute;top:0;left:0;opacity:0;transform:translateY(60px)}.project:hover .project-title span:first-child{opacity:0;transform:translateY(-60px)}.project:hover .project-title span:last-child{opacity:1;transform:translateY(0)}