.navbar-icon{display:flex;justify-content:flex-end;height:40px;align-items:center;position:relative;z-index:20}.navbar-icon span{display:block;position:relative}.navbar-icon span,.navbar-icon span:after{width:30px;height:2px;background-color:#fff;transition:.3s}.navbar-icon span:after{content:"";position:absolute;top:9px}.navbar-icon span:before{content:"";width:30px;height:2px;position:absolute;bottom:9px;background-color:#fff;transition:.3s}.navbar-icon.active span{background-color:transparent}.navbar-icon.active span:before{transform:rotate(45deg);bottom:0;background-color:#fff}.navbar-icon.active span:after{transform:rotate(-45deg);background-color:#fff;top:0}.navbar-menu nav ul{margin:0;padding:0;display:flex;list-style:none;justify-content:flex-end}.navbar-menu nav ul li{margin:0}.navbar-menu nav ul li a{font-family:museosans-300,Arial,sans-serif;display:block;padding:10px 20px;color:#fff;transition:.3s}.navbar-menu nav ul li:hover a{text-decoration:none;transform:translateY(-3px)}.hero-shadow img{box-shadow:0 2px 75px rgba(0,0,0,.3)}@media screen and (min-width:992px){.navbar-icon{display:none}}@media screen and (max-width:991px){.navbar-menu nav{visibility:hidden;position:fixed}.navbar-menu nav ul li{transform:translateX(-10px);opacity:0}.navbar-menu.active nav{visibility:visible;position:fixed;z-index:20;top:0;left:0;width:100%;height:100%;background-color:#075385}.navbar-menu.active nav ul{flex-direction:column;justify-content:center;align-items:center;height:100%}.navbar-menu.active nav ul li{transform:translateX(0);opacity:1;transition:transform .9s,opacity .9s}.navbar-menu.active nav ul li:first-child{transition-delay:.15s}.navbar-menu.active nav ul li:nth-child(2){transition-delay:.3s}.navbar-menu.active nav ul li:nth-child(3){transition-delay:.45s}.navbar-menu.active nav ul li a{color:#fff;font-size:24px}}html body{background-color:#fff;background:#fff}.triangle{border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #075385}h1{letter-spacing:15px}.custom-transition{transition:all .3s cubic-bezier(.3,.1,.58,1)}.font-museo100,.font-museo300{font-weight:100}.view-project:hover{background-color:#fff;color:#777;border:1px solid #075385}#portrait-image-wrapper{margin:auto;display:block;position:relative;text-indent:-9999px}#portrait-image-wrapper,#portrait-image-wrapper span{background:url(/self-portrait-2024.png);width:250px;height:250px}#portrait-image-wrapper span{left:0;top:0;bottom:0;right:0;position:absolute;background-position:0 -250px;opacity:0}#portrait-image-wrapper:hover span{opacity:1}.view-project{font-size:13px;letter-spacing:2px;white-space:nowrap;border:1px solid #fff}.title-overlay p,.view-project,p{font-family:museosans-300,Arial,sans-serif}.recent-works:hover img{transform:scale(1.025)}.recent-works img{transition:all .3s cubic-bezier(.3,.1,.58,1)}footer p,footer span{font-size:12px;font-family:museosans-300,Arial,sans-serif}.work-item img{transition:all .3s cubic-bezier(.3,.1,.58,1)}.work-item:hover img{transform:scale(1.05)}.work-item a:after{position:absolute;display:block;content:"";top:0;left:0;width:100%;height:100%;transition:all .3s cubic-bezier(.3,.1,.58,1)}.work-item:hover a:after{background:rgba(7,83,133,.8)}.work-caption-title{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;opacity:0;overflow:hidden;padding:20px;z-index:3;text-align:center;transition:all .3s cubic-bezier(.3,.1,.58,1)}.work-item .block:hover .title-overlay h3,.work-item .block:hover .title-overlay p{opacity:1}.work-item .block:hover .work-caption{opacity:1;top:50%}.work-caption{position:absolute;left:0;top:100%;width:100%;opacity:0;overflow:hidden;padding:20px;z-index:3;text-align:center;transition:all .3s cubic-bezier(.3,.1,.58,1)}.title-overlay h3,h3{font-family:museosans-500,Arial,sans-serif}.title-overlay p{position:absolute;top:100%;transition:all .3s cubic-bezier(.3,.1,.58,1)}.work-item:hover .title-overlay p{top:50%;margin-top:25px;transform:translateY(-50%)}.font-bold{font-family:museosans-500,Arial,sans-serif;font-weight:700;letter-spacing:1px}p,p.font-semibold,ul{font-family:museosans-300,Arial,sans-serif;font-weight:700;font-size:16px}@media (min-width:640px){.work-item img{height:250px}h1{letter-spacing:10px}}@media (min-width:768px){.work-item img{height:300px}h1{letter-spacing:20px}}@media (min-width:1024px){.work-item img{height:350px}h1{letter-spacing:30px}}@media (min-width:1280px){.work-item img{height:375px}h1{letter-spacing:40px}}@media (min-width:1536px){.work-item img{height:400px}h1{letter-spacing:50px}}@font-face{font-family:museosans-100;src:url(/fonts/museosans-100-webfont.eot);src:url(/fonts/museosans-100-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/museosans-100-webfont.woff) format("woff"),url(/fonts/museosans-100-webfont.ttf) format("truetype"),url(/fonts/museosans-100-webfont.svg#museosans-100) format("svg");font-weight:100;font-style:normal}@font-face{font-family:museosans-300;src:url(/fonts/museosans-300-webfont.eot);src:url(/fonts/museosans-300-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/museosans-300-webfont.woff) format("woff"),url(/fonts/museosans-300-webfont.ttf) format("truetype"),url(/fonts/museosans-300-webfont.svg#museosans-300) format("svg");font-weight:300;font-style:normal}@font-face{font-family:museosans-500;src:url(/fonts/museosans-500-webfont.eot);src:url(/fonts/museosans-500-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/museosans-500-webfont.woff) format("woff"),url(/fonts/museosans-500-webfont.ttf) format("truetype"),url(/fonts/museosans-500-webfont.svg#museosans-500) format("svg");font-weight:500;font-style:normal}@font-face{font-family:museosans-700;src:url(/fonts/museosans-700-webfont.eot);src:url(/fonts/museosans-700-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/museosans-700-webfont.woff) format("woff"),url(/fonts/museosans-700-webfont.ttf) format("truetype"),url(/fonts/museosans-700-webfont.svg#museosans-500) format("svg");font-weight:700;font-style:normal}