*:focus{outline:none!important}body{background-color:#c8c2aa;background-size:4px 4px;background-image:linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.07) 4px),linear-gradient(transparent,transparent 3px,rgba(0,0,0,.07) 4px);color:#4d493e;font-family:Inter,sans-serif;font-weight:500;margin:0;min-height:100vh;box-shadow:inset 0 0 150px #4d493e66,inset 0 0 150px #4d493e4d;display:flex;flex-direction:column;letter-spacing:.1rem}.container{padding:0 4rem}header{padding:1rem 0}h1{text-transform:uppercase;font-weight:500;letter-spacing:.7rem;text-shadow:.3rem .3rem 0 rgba(77,73,62,.3)}h1 span{margin-right:-.7rem}h1 small{font-weight:500;text-transform:none;text-shadow:none;letter-spacing:.1rem}h1 small:before{content:"–"}.pattern{border-top:2px solid #4d493e}.pattern-inner{height:40px;background-size:50px 3px,50px 1px,50px 1px,50px 1px,50px 1px,50px 1px,50px 1px,50px 1px,50px 1px;background-position:0 0,22px 4px,22px 5px,22px 6px,22px 7px,28px 12px,28px 13px,28px 14px,28px 15px;background-image:linear-gradient(90deg,#4d493e,#4d493e 10px,transparent 10px),linear-gradient(90deg,rgba(77,73,62,.4),rgba(77,73,62,.4) 1px,rgba(77,73,62,.8) 1px,rgba(77,73,62,.8) 2px,rgba(77,73,62,.9) 2px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.4) 3px,rgba(77,73,62,.4) 4px,transparent 4px,transparent 12px,rgba(77,73,62,.4) 12px,rgba(77,73,62,.4) 13px,rgba(77,73,62,.8) 13px,rgba(77,73,62,.8) 14px,rgba(77,73,62,.9) 14px,rgba(77,73,62,.9) 15px,rgba(77,73,62,.4) 15px,rgba(77,73,62,.4) 16px,transparent 16px),linear-gradient(90deg,rgba(77,73,62,.9),rgba(77,73,62,.9) 1px,rgba(77,73,62,1) 1px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 3px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.9) 4px,transparent 4px,transparent 12px,rgba(77,73,62,.9) 12px,rgba(77,73,62,.9) 13px,rgba(77,73,62,1) 13px,rgba(77,73,62,1) 14px,rgba(77,73,62,1) 14px,rgba(77,73,62,1) 15px,rgba(77,73,62,.9) 15px,rgba(77,73,62,.9) 16px,transparent 16px),linear-gradient(90deg,rgba(77,73,62,.9),rgba(77,73,62,.9) 1px,rgba(77,73,62,1) 1px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 3px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.9) 4px,transparent 4px,transparent 12px,rgba(77,73,62,.9) 12px,rgba(77,73,62,.9) 13px,rgba(77,73,62,1) 13px,rgba(77,73,62,1) 14px,rgba(77,73,62,1) 14px,rgba(77,73,62,1) 15px,rgba(77,73,62,.9) 15px,rgba(77,73,62,.9) 16px,transparent 16px),linear-gradient(90deg,rgba(77,73,62,.4),rgba(77,73,62,.4) 1px,rgba(77,73,62,.8) 1px,rgba(77,73,62,.8) 2px,rgba(77,73,62,.9) 2px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.4) 3px,rgba(77,73,62,.4) 4px,transparent 4px,transparent 12px,rgba(77,73,62,.4) 12px,rgba(77,73,62,.4) 13px,rgba(77,73,62,.8) 13px,rgba(77,73,62,.8) 14px,rgba(77,73,62,.9) 14px,rgba(77,73,62,.9) 15px,rgba(77,73,62,.4) 15px,rgba(77,73,62,.4) 16px,transparent 16px),linear-gradient(90deg,rgba(77,73,62,.4),rgba(77,73,62,.4) 1px,rgba(77,73,62,.8) 1px,rgba(77,73,62,.8) 2px,rgba(77,73,62,.9) 2px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.4) 3px,rgba(77,73,62,.4) 4px,transparent 4px),linear-gradient(90deg,rgba(77,73,62,.9),rgba(77,73,62,.9) 1px,rgba(77,73,62,1) 1px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 3px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.9) 4px,transparent 4px),linear-gradient(90deg,rgba(77,73,62,.9),rgba(77,73,62,.9) 1px,rgba(77,73,62,1) 1px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 2px,rgba(77,73,62,1) 3px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.9) 4px,transparent 4px),linear-gradient(90deg,rgba(77,73,62,.4),rgba(77,73,62,.4) 1px,rgba(77,73,62,.8) 1px,rgba(77,73,62,.8) 2px,rgba(77,73,62,.9) 2px,rgba(77,73,62,.9) 3px,rgba(77,73,62,.4) 3px,rgba(77,73,62,.4) 4px,transparent 4px);background-repeat:repeat-x}button{cursor:pointer;font:inherit;border:none;padding:.4rem 1rem;background-color:#4d493e59;color:#4d493e;box-sizing:content-box;position:relative;border:1px solid transparent;border-left:none;border-right:none}button:before{content:"";position:absolute;z-index:-1;left:0;top:3px;bottom:3px;width:0;background-color:#4d493e;transition:width .2s}button:after{content:"";display:none;position:absolute;background:#4d493e;width:100%;height:2px;left:0;bottom:-4px}button:hover,button:focus{background-color:transparent;color:#c8c2aa;border-color:#4d493e}button:hover:before,button:focus:before{width:100%}main{flex:1}.content{padding-left:4rem;background-image:linear-gradient(90deg,rgba(77,73,62,.2),rgba(77,73,62,.2) 14px,transparent 14px,transparent 20px,rgba(77,73,62,.2) 20px,rgba(77,73,62,.2) 23px,transparent 23px);margin-bottom:2rem}img{box-shadow:3px 3px #4d493e99}nav{display:flex;gap:1.5rem;margin-bottom:1rem}nav a{color:#4d493e;text-decoration:none;padding:.4rem 1rem;background-color:#4d493e59;position:relative;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:color .2s}nav a:before{content:"";position:absolute;z-index:-1;left:0;top:3px;bottom:3px;width:0;background-color:#4d493e;transition:width .2s}nav a:hover,nav a:focus{background-color:transparent;color:#c8c2aa;border-color:#4d493e}nav a:hover:before,nav a:focus:before{width:100%}h2{text-transform:uppercase;font-weight:500;letter-spacing:.3rem;margin-bottom:1.5rem}h3{font-weight:500;letter-spacing:.1rem;margin:0 0 .5rem}section{margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:#4d493e1a;padding:1.5rem;box-shadow:3px 3px #4d493e99;transition:transform .2s}.project-card:hover{transform:translateY(-3px)}.project-card p{margin:.5rem 0 1rem}.project-link{color:#4d493e;text-decoration:none;padding:.3rem .8rem;background-color:#4d493e59;position:relative;border-top:1px solid transparent;border-bottom:1px solid transparent;display:inline-block;transition:color .2s}.project-link:before{content:"";position:absolute;z-index:-1;left:0;top:2px;bottom:2px;width:0;background-color:#4d493e;transition:width .2s}.project-link:hover,.project-link:focus{background-color:transparent;color:#c8c2aa;border-color:#4d493e}.project-link:hover:before,.project-link:focus:before{width:100%}.experience-entry{margin-bottom:2rem}.experience-entry h3{margin-bottom:.25rem}.experience-entry .company{opacity:.7;font-size:.9rem;margin:0 0 .5rem}.experience-entry p{margin:0}.contact-icons{display:flex;gap:1.5rem}.contact-icons a{color:#4d493e;text-decoration:none;transition:transform .2s,opacity .2s}.contact-icons a:hover,.contact-icons a:focus{transform:scale(1.15);opacity:.7}.contact-icons svg{width:32px;height:32px;fill:currentColor}footer{margin-top:auto}html{scroll-behavior:smooth}.typewriter:after{content:"_";animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.container{padding:0 1.5rem}.content{padding-left:2rem}h1{font-size:1.5rem;letter-spacing:.3rem}nav{flex-wrap:wrap}}