.project{position:relative}.project-signature{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#777873;font:500 9px 'Manrope',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:color .25s}.project-signature>span{color:#1b1c1a;font-size:11px;letter-spacing:.04em}.project-signature small{font:inherit}.project:hover .project-signature{color:#70a5d8}.project:hover .project-signature>span{color:#70a5d8}.portfolio:after{content:'';position:fixed;z-index:20;top:50%;right:2vw;width:1px;height:72px;background:#70a5d8;transform:translateY(-50%)}.portfolio:before{content:'01 / 10';position:fixed;z-index:20;top:calc(50% + 48px);right:calc(2vw - 8px);color:#777873;writing-mode:vertical-rl;font:500 8px 'Manrope',Arial,sans-serif;letter-spacing:.12em}@media(max-width:700px){.portfolio:after{right:4vw;height:52px}.portfolio:before{right:calc(4vw - 7px);top:auto;bottom:108px}.project-signature{font-size:8px}.project-signature>span{font-size:10px}}