.project-nav{display:block;width:100%;position:relative;overflow:hidden;padding:40px;text-decoration:none;background-color:#fff;transition:color 0.3s ease}.project-nav::before{content:'';position:absolute;inset:0;background-image:var(--bg-url);background-size:cover;background-position:center;opacity:0;transition:opacity 0.5s ease;z-index:0}.project-nav:hover::before{opacity:1}.project-nav span.label{font-family:'Inter',sans-serif;font-size:14px;color:#847676;text-transform:uppercase;position:relative;z-index:1}.project-nav h3{font-family:'Playfair Display',serif;font-size:38px;color:#413C3C;margin-top:10px;position:relative;z-index:1}.project-nav.prev{text-align:left}.project-nav.next{text-align:right}.project-nav:hover span,.project-nav:hover h3{color:#fff}