*: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:Barlow,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{max-width:1160px;margin:0 auto;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:"–"}.staff{display:flex;align-items:center;gap:1.25rem;min-height:120px;padding:2.5rem 0}.staff h1{margin:0;white-space:nowrap;text-shadow:none}.staff-rail{position:relative;flex:1;height:58px;background-image:repeating-linear-gradient(to bottom,rgba(77,73,62,.45),rgba(77,73,62,.45) 2px,transparent 2px,transparent 14px)}.staff-rail--lead{flex:0 0 2rem}.staff-rail:not(.staff-rail--lead):after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;background-image:linear-gradient(to right,#4d493e 0,#4d493e 2px,transparent 2px,transparent 4px,#4d493e 4px,#4d493e 7px)}.clef{font-family:Noto Music,serif;font-size:5.5rem;line-height:1;color:#4d493e;flex-shrink:0}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{display:grid;grid-template-columns:240px 1fr;column-gap:2rem;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}.section-head{grid-column:1;grid-row:1}.content>:not(.section-head){grid-column:2}.content p:not(.tempo){max-width:60ch;line-height:1.6;letter-spacing:.02rem}#about p:not(.tempo){text-align:justify}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}.tempo{font-family:EB Garamond,serif;font-style:italic;font-size:1.15rem;letter-spacing:.04rem;color:#4d493ea6;margin:0 0 .15rem}h3{font-weight:500;letter-spacing:.1rem;margin:0 0 .5rem}.experience-entry h3,.project-card h3{display:flex;align-items:center;gap:.6em}.experience-entry h3:before,.project-card h3:before{content:"";width:.6em;height:.6em;background-color:#4d493e;flex-shrink:0}section{margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.project-card{background:#4d493e1a;padding:1.5rem;border:1px solid rgba(77,73,62,.5);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}@media(max-width:600px){.container{padding:0 1.5rem}.content{padding-left:2rem;display:block}h1{font-size:1.5rem;letter-spacing:.3rem}.staff{min-height:80px;gap:.75rem}.clef{font-size:3.25rem}nav{flex-wrap:wrap}}