@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");*{-webkit-box-sizing:border-box;box-sizing:border-box}.visually-hidden{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}body{background:#000;background:linear-gradient(-45deg, #b11e12 0, #d75d15 25%, #35692d 50%, #3b81cb 75%, #004aa6 100%);color:rgba(250,250,250,0.75);font-family:"Inconsolata","Courier New",monospace;font-weight:700;font-size:1em;line-height:1.35;width:100%;margin:0;padding:0}body:after{content:'';display:block;height:100%;width:100%;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background:rgba(0,0,0,0.35);position:fixed}.wrapper{display:grid;grid-template-columns:1fr;grid-template-areas:"sidebar" "main-content";overflow:hidden}@media (min-width: 1024px){.wrapper{grid-template-columns:1fr 4fr;grid-template-areas:"sidebar main-content main-content"}}header,footer{background:rgba(0,0,0,0.55);padding:20px;font-size:1.15em;text-align:center}header p:last-child{margin-bottom:0}@media (min-width: 1024px){header{grid-area:sidebar;height:60vh}}footer{display:grid;grid-template-columns:1fr}@media (min-width: 1024px){footer{height:40vh;margin-top:-40vh}}footer #footer-content{-ms-flex-item-align:end;align-self:end}footer p{margin:0;font-size:.85em;margin:2em 0}footer p:last-child{margin-bottom:0}footer p.link{background:rgba(250,250,250,0.15);margin:.5em 0}footer p.link a{display:block;text-decoration:none;padding:.5em .75em}footer p.link:hover,footer p.link:active{background:rgba(250,250,250,0.35);-webkit-transition:ease-in-out .35s;transition:ease-in-out .35s}main{grid-area:main-content;padding:10px}@media (min-width: 1024px){main{height:100vh;padding:20px}}@media (max-width: 1024px){main{font-size:.85em}}#logo{width:250px;margin:0 auto}a{color:#fafafa}a:hover,a:active{text-decoration:none}h2,h3{text-transform:uppercase;letter-spacing:6px;-webkit-transform:translateX(3px);transform:translateX(3px);font-size:1.75em}h2{font-size:1em}h3{margin:0;padding:0}#perch img{width:70px}.portfolio{display:grid;height:100%;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(5, 1fr);grid-gap:20px}@media (max-width: 1024px){.portfolio{grid-gap:10px}}.portfolio-item{background:rgba(0,0,0,0.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:transparent;background-size:cover;background-position:top left;-webkit-filter:grayscale(75%);filter:grayscale(75%);-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;position:relative;z-index:10}@media (min-width: 1024px){.portfolio-item{background-position:top center}}.portfolio-item:hover,.portfolio-item:active{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.portfolio-item:hover a,.portfolio-item:active a{color:transparent}.portfolio-item:hover div,.portfolio-item:active div{background:none}.portfolio-item a{width:100%;height:100%;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.portfolio-item a div{background:rgba(0,0,0,0.5);padding:.15em .5em}.portfolio-item a div span{display:none}@media (min-width: 1024px){.portfolio-item a div span{display:inline-block}}.portfolio-item.small{grid-row:span 1;grid-column:span 1;color:#fafafa;padding:1em;opacity:1;background:none;border:4px solid #fafafa;-webkit-filter:grayscale(0%);filter:grayscale(0%)}.portfolio-item.small:before{border:none;background:none}.portfolio-item.small:after{display:none}.portfolio-item.medium{grid-row:span 2;grid-column:span 2}.portfolio-item.large{grid-row:span 3;grid-column:span 3}.portfolio-item.tall{grid-row:span 3;grid-column:span 2;background-position:top center}.portfolio-item.wide{grid-row:span 2;grid-column:span 3}.portfolio-item:before{content:'';display:block;background:#004aa6;opacity:.5;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;z-index:-2;border:4px solid #fafafa}.portfolio-item:hover::before{opacity:0}.portfolio-item:after{content:'LAUNCH ►';display:block;position:absolute;background:rgba(250,250,250,0.85);width:75px;height:16px;color:#000;top:0;right:0;bottom:0;left:0;z-index:-1;padding:.5em 1em;text-align:center;letter-spacing:1px;opacity:0;border-bottom:1px solid rgba(0,0,0,0.85);border-right:1px solid rgba(0,0,0,0.85);-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}@media (min-width: 1024px){.portfolio-item:after{height:20px}}.portfolio-item:hover::after{opacity:1}