a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-size:62.5%;scroll-behavior:smooth}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#fff;font-display:swap;font-family:Open Sans,Arial,sans-serif;font-weight:400}main{background-color:#302d32;background-image:-webkit-gradient(linear,left top,left bottom,from(#262327),to(#302d32));background-image:linear-gradient(#262327,#302d32)}a{color:#fff;-webkit-text-decoration-skip:auto;text-decoration-skip:auto;text-underline-offset:2px;-webkit-transition:color .2s;transition:color .2s}a:focus,a:hover{color:#a78fff}strong{font-weight:600}.container{margin:0 auto;max-width:120em;padding:0 2em}.section{padding-top:6em}.section__heading{font-size:2.5em;font-weight:600;margin-bottom:1em;text-shadow:0 0 .2em rgba(0,0,0,.25)}@media screen and (min-width:800px){.section__heading{font-size:3em}}.btn--dark,.btn--light{background:none;border:.12em solid #fff;border-radius:.5em;color:inherit;cursor:pointer;display:inline-block;font:inherit;padding:.7em 1em;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:.02em .02em .02em rgba(0,0,0,.3);-webkit-transition:all .2s;transition:all .2s}.btn--light{border-color:#fff;color:#fff}.btn--light:focus,.btn--light:hover{background-color:#fff;color:#111}.btn--dark{background-color:#303030;border-color:#111;color:#ededed}.btn--dark:focus,.btn--dark:hover{background-color:#161616;color:#fff}.btn--dark[aria-current=true]{background-color:#111;color:#fff}.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;height:100lvh;overflow:hidden;text-align:center;text-shadow:.2em .2em .2em rgba(0,0,0,.4);-webkit-transition:.2s;transition:.2s}.page-header__heading{font-size:calc(2.4em + 3.4vw);font-weight:600;line-height:1.2;margin-bottom:.26em}.page-header__subheading{font-size:calc(1.2em + 1.7vw);font-weight:300;line-height:1.3}.page-header .container{margin:0}.page-header__image{-webkit-filter:contrast(.6) brightness(.3);filter:contrast(.6) brightness(.3);height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.page-header__headshot{border:.8vmin solid #fff;border-radius:50%;-webkit-box-shadow:.2em .2em .2em rgba(0,0,0,.4);box-shadow:.2em .2em .2em rgba(0,0,0,.4);height:calc(6em + 8vw);margin-bottom:1.2em;width:calc(6em + 8vw)}.main-content-link{bottom:2.5em;color:hsla(0,0%,100%,.5);display:block;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:color .3s;transition:color .3s}.main-content-link:focus,.main-content-link:hover{color:#fff}.main-content-link:focus svg,.main-content-link:hover svg{-webkit-transform:translateY(.3em);transform:translateY(.3em)}.main-content-link svg{-webkit-filter:drop-shadow(.2em .2em .2em rgba(0,0,0,.4));filter:drop-shadow(.2em .2em .2em rgba(0,0,0,.4));height:3.5em;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:3.5em}.about-section p{font-size:1.6em;line-height:2;margin-bottom:1em;max-width:52em;text-shadow:0 0 .2em rgba(0,0,0,.25)}.about-section p:last-of-type{margin-bottom:0}@media screen and (min-width:800px){.about-section p{font-size:2em}}.projects-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1em;margin-bottom:1.8em}.projects-filter__btn{-webkit-box-shadow:0 0 .2em rgba(0,0,0,.25);box-shadow:0 0 .2em rgba(0,0,0,.25);font-size:1.6em}@media screen and (min-width:800px){.projects-filter__btn{font-size:1.8em}.projects-filter{gap:1.8em}}.projects-gallery{display:grid;grid-gap:2em;padding-bottom:5em}@media screen and (min-width:650px){.projects-gallery{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1000px){.projects-gallery{grid-template-columns:repeat(3,1fr)}}.projects-item{background-color:#232323;border:.1em solid #323232;border-radius:.5em;display:none;height:30em;isolation:isolate;overflow:hidden;position:relative;text-shadow:.1em .1em .1em rgba(0,0,0,.5)}.projects-item:before{-webkit-animation:loader .6s linear infinite;animation:loader .6s linear infinite;border:.5em solid #fff;border-radius:50%;border-top-color:transparent;content:"";height:5em;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);width:5em;z-index:-1}@media(prefers-reduced-motion:reduce){.projects-item:before{-webkit-animation:none;animation:none}}.projects-item:focus-within .projects-item__info,.projects-item:hover .projects-item__info{opacity:1}.projects-item:focus-within .projects-item__image,.projects-item:focus-within .projects-item__video,.projects-item:hover .projects-item__image,.projects-item:hover .projects-item__video{-webkit-filter:blur(1px) saturate(2);filter:blur(1px) saturate(2);-webkit-transform:scale(1.12);transform:scale(1.12)}@media(prefers-reduced-motion:reduce){.projects-item:focus-within .projects-item__image,.projects-item:focus-within .projects-item__video,.projects-item:hover .projects-item__image,.projects-item:hover .projects-item__video{-webkit-transform:none;transform:none}}.projects-item__image,.projects-item__video{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease-out,-webkit-filter .3s;transition:-webkit-transform .3s ease-out,-webkit-filter .3s;transition:transform .3s ease-out,filter .3s;transition:transform .3s ease-out,filter .3s,-webkit-transform .3s ease-out,-webkit-filter .3s;width:100%}.projects-item__info{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(8,8,8,.95);color:#fff;opacity:0;padding:2em;text-align:center;-webkit-transition:opacity .18s ease-out;transition:opacity .18s ease-out}.projects-item__info-title{font-size:2.5em;font-weight:600;line-height:1.32}.projects-item__info-desc{font-size:1.6em;line-height:1.6;margin:1em 0;max-width:30em}.projects-item__info-btn{border:.1em solid #fff;font-size:1.55em;padding:.7em 1em;z-index:1}.projects-item__info-btn:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.projects-item.show-item{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;display:block}@media(prefers-reduced-motion:reduce){.projects-item.show-item{-webkit-animation:none;animation:none}}.page-footer{background-color:#111;padding:1.5em 0}.page-footer .social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-footer .social-links__link{color:hsla(0,0%,100%,.5);display:block;padding:.5em 1.2em;-webkit-transition:color .2s;transition:color .2s}.page-footer .social-links__link:focus,.page-footer .social-links__link:hover{color:#fff}.page-footer .social-links__icon{-webkit-filter:drop-shadow(0 0 .2em rgba(0,0,0,.4));filter:drop-shadow(0 0 .2em rgba(0,0,0,.4));height:2.5em;width:2.5em}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@-webkit-keyframes loader{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes loader{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}
/*# sourceMappingURL=app.css.map*/