header{width:100vw;position:sticky;top:0;background-color:var(--bg-color);display:flex;justify-content:space-between;padding:.5rem 1rem;height:56.4px;z-index:1}@media screen and (min-width:770px){header{padding:1rem 1.8rem;height:80px}}header .title{font-size:1.75rem;letter-spacing:.05rem;line-height:1.8;cursor:pointer}header .nav-links{display:none;font-size:1.25rem}@media screen and (min-width:770px){header .nav-links{display:flex;flex-direction:column;align-items:flex-end}}header .nav-links a{margin-bottom:1px}@media screen and (min-width:770px){header .mobile-toggle-wrapper{display:none}}header .burger{display:flex;outline:none;width:25px;border:0;padding:0;margin-top:15px;background:transparent;transition:all .25s ease-out;cursor:pointer}header .burger:after,header .burger:before{content:"";width:25px;height:3px;position:absolute;background:#1a1a1a;transition:all .25s ease-out;will-change:transform}header .burger:before{transform:translateY(-4.5px)}header .burger:after{transform:translateY(4.5px)}header .active.burger:before{transform:translateY(0) rotate(45deg)}header .active.burger:after{transform:translateY(0) rotate(-45deg)}.mobile-menu{position:relative;z-index:30}.mobile-menu .overlay{position:fixed;height:100vh;width:100vw;background-color:#fff;opacity:.6}.mobile-menu .container{position:fixed;width:100vw;background-color:var(--bg-color);padding:1rem 2rem;border-bottom:1px solid var(--text-color)}.mobile-menu ul{text-align:right}.mobile-menu li{font-size:1.25rem;margin-bottom:1.25rem}.grid{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:1rem}.grid .item{width:100%;padding:1.1rem 0}@media screen and (min-width:770px){.grid .item{width:48.5%;margin-bottom:1.2rem}}.grid .item .asset{position:relative}.grid .item .asset img{width:100%;height:auto}.grid .item .asset img.hover-image{position:absolute;opacity:0}.grid .item .asset img.hover-image:hover{opacity:1}.grid .item .asset .video-container{position:relative}.grid .item .asset .video-container .loading{position:absolute;width:100%;height:98%;display:flex;align-items:center;justify-content:center;z-index:-1;background-color:hsla(40,17%,73%,.5);opacity:.5;color:#6f513e;font-style:italic}.grid .item .asset .video-container video{width:100%}.grid .item .caption{margin-top:.5rem}.grid .item .caption .title{font-style:italic;font-size:1.3rem;margin-bottom:1rem}.grid .item .caption .tags{text-transform:capitalize;margin-top:.5rem}.projects-list{padding:0 1rem 1rem}@media screen and (min-width:770px){.projects-list{padding:0}}.projects-list .header{display:flex;align-items:center;justify-content:space-between;color:#6f513e;padding-top:1rem;padding-bottom:1.5rem}@media screen and (min-width:770px){.projects-list .header{padding-bottom:2.5rem}}.projects-list .header div{display:flex;align-items:center}.projects-list .header div.active{color:#000}.projects-list ul{margin-top:1.2rem}@media screen and (min-width:770px){.projects-list ul{margin-top:0;margin-bottom:2.5rem}}.projects-list li{padding:1rem 0;border-bottom:1px solid hsla(40,17%,73%,.5)}.projects-list li:first-child{padding-top:.5rem}@media screen and (min-width:770px){.projects-list li{display:flex;justify-content:space-between;padding:1.1rem 0}.projects-list li:first-child{padding-top:0}.projects-list li .title{display:flex;align-items:center}}.projects-list li h1{margin:.3rem 0 0;font-style:italic;font-size:1.5rem}@media screen and (min-width:770px){.projects-list li h1{margin-top:0;margin-left:2.4rem}}.projects-list li span{white-space:pre}.projects-list li .title-text{display:flex;flex-wrap:wrap}.projects-list li .tags{display:flex;flex-direction:column;align-items:flex-end;text-transform:capitalize}@media screen and (min-width:770px){.projects-list li .tags{flex-direction:row;align-items:center}}.projects-list li .tags div{margin-top:.4rem;margin-left:1rem}@media screen and (min-width:770px){.projects-list li .tags div{margin-top:0}}