.r7q8nzt{background-color:var(--color-background);z-index:10;padding:var(--size-14)var(--size-8)}@keyframes navProjectImageFadeIn-r7q8nzt{0%{opacity:0}to{opacity:1}}.r7q8nzt .project-item{cursor:pointer;width:100%;color:inherit;border-bottom:1px solid #ddd;padding-bottom:20px;-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s,border-color .2s;display:block}.r7q8nzt .project-item:hover{opacity:.8;border-color:var(--color-black)}.r7q8nzt .project-item.active{opacity:1;border-color:var(--color-black)}.r7q8nzt .project-title{font-family:inherit;font-weight:400;font-size:var(--font-size-20);color:var(--color-black);-webkit-transition:-webkit-transform .24s;margin:0 0 4px;line-height:normal;transition:transform .24s;transform:translate(0)}.r7q8nzt .project-location{font-size:var(--font-size-16);color:#21252999;-webkit-transition:-webkit-transform .24s;margin:0;line-height:normal;transition:transform .24s;transform:translate(0)}.r7q8nzt .project-location em{font-family:Lora,serif;font-style:italic;font-weight:400}.r7q8nzt .project-item:hover .project-title,.r7q8nzt .project-item:hover .project-location{transform:translate(20px)}.r7q8nzt .image-area{-ms-grid-row-align:stretch;align-self:stretch;max-width:40vw;position:relative}.r7q8nzt .image-card{width:100%;height:100%;position:relative;overflow:hidden}.r7q8nzt .image-placeholder{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;justify-content:end;align-items:flex-start;width:100%;display:flex}.r7q8nzt .image-placeholder>div{width:100%;height:100%;animation:.28s forwards navProjectImageFadeIn-r7q8nzt}.r7q8nzt .image-placeholder img{object-fit:contain;object-position:right center;max-height:100%;left:auto!important;right:0!important}