html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:railroad-gothic-atf,sans-serif;font-size:100%;font-style:normal;font-weight:700}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,embed,iframe,object,audio,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left;padding:0}a{cursor:pointer;color:#fff;font-style:italic}html{font-size:16px}body{color:#fff;background-color:#747474;background-image:url(../media/bg.19gfkso4us_7r.jpg);background-position:50%;background-repeat:repeat-y;background-size:cover;background-attachment:fixed;min-height:100vh;padding:1rem .5rem 1.5rem;font-family:interstate,sans-serif}button{color:#fff;cursor:pointer;letter-spacing:1px;background-color:#00000040;border:none;align-items:center;margin:auto;padding:10px 20px;font-family:railroad-gothic-atf,sans-serif;font-size:1rem;display:flex;position:relative}button img{margin-left:1rem}button[type=submit]{background-color:#d94814}h1{margin-bottom:1.5rem;font-size:2.25rem;line-height:1.3em}h2{margin:1.5rem 0 1rem;font-size:1.5rem;line-height:1.3em}p{color:#b0b0b0;margin-bottom:1em;padding-top:0;font-size:1.25rem;line-height:1.5em}p strong{color:#fff;font-style:italic}section section{padding-bottom:1.5rem}section section img{width:100%}a{transition:all 50ms}a:hover{color:#d94814}a.cta{box-shadow:none;background-color:#d94814;border-bottom:2px solid #0000;transition:all .1s ease-in-out}a.cta:hover{color:#fff;background-color:#bd3504;border-color:#fff}.about img{width:400px;max-width:100%;margin:1rem}.avatar{border-radius:100%;width:50px;height:50px;display:inline-block;overflow:hidden}.avatar img{width:50px;height:auto}#home .avatar img{width:150px;height:auto}#home a .preview{display:block;position:relative}#home a .preview img{width:735px;max-width:100%;height:auto;margin-bottom:-3px}#home a .preview .arrow{background-color:#d94814;border:1px solid #0000;justify-content:center;align-items:center;height:50px;padding:1rem 2rem;display:flex;position:absolute;bottom:0;right:0}#home a .preview .arrow svg path{fill:#fff}#home a .preview .arrow svg{height:1.1em;margin-left:.5rem}#home a:hover{filter:brightness(1.5)}#home a:hover .preview .arrow{color:#fff;background-color:#bd3504;border-bottom-color:#fff}.body{flex-flow:wrap;justify-content:space-between;padding-top:1.5rem;padding-bottom:4.5rem;display:flex}.center{text-align:center;font-weight:100}.col{width:100%}.container{background:#121111 url(../media/bg-container.43fblr2j64fgh.jpg) 50%/cover no-repeat;border:1px solid #3c3c3c;grid-template-rows:75px auto 265px;align-items:flex-start;min-height:83%;padding:1.5rem;display:grid;overflow:hidden;box-shadow:0 20px 50px #000}.form{background-color:#ffffff0d;flex-flow:wrap;margin-bottom:2rem;padding:2rem;display:flex}.form form{flex-flow:wrap;width:100%;display:flex}.form input,.form textarea{color:#b0b0b0;background-color:#3f3f3f;border:1px solid #9b9b9b;width:100%;min-height:1.5em;padding:.5em;font-family:interstate,sans-serif;font-size:1.15rem;line-height:1.5;transition:all .1s}.form input:hover,.form input:focus,.form textarea:hover,.form textarea:focus{color:#000000bf;background-color:#fff;border-color:#d94814;outline:0}.form textarea{min-height:6em}.form label{color:#fff;text-transform:uppercase;letter-spacing:.1ch;font-size:.8rem}.form p{width:100%}.form p button{margin:0 auto 0 0}.form p.hidden{width:1px}.form .contact-description{width:75%;margin-left:1ch}.grid{display:grid}.footer{border-top:1px solid #6d6d6d;flex-flow:wrap;width:100%;padding-top:1.5rem;display:flex}.footer img{width:auto}.footer p{flex-flow:wrap;justify-content:center;width:100%;margin:0;display:flex}.footer p a{color:#fff;letter-spacing:2px;font-size:1rem;font-weight:700;text-decoration:none}.footer p a:hover{color:#d94814}.footer span{letter-spacing:2px;text-align:center;width:100%;font-size:1rem;display:block}.footer .links{flex-flow:column;width:100%;display:flex}.footer .links a.download-btn{border-bottom:2px solid #0000;align-self:center;align-items:center;margin-right:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .1s;display:flex}.footer .links a.download-btn img{max-height:1.8rem;margin-left:1rem}.footer .links a.download-btn:hover{color:#fff;background-color:#bd3504;border-color:#fff;transform:scale(1.05)}.contact-links{color:#ffffffbf;background-color:#0000;border:1px solid #ffffff40;flex-direction:column;align-items:center;margin-bottom:1rem;padding:1rem .5rem;font-size:1.25rem;font-style:normal;font-weight:900;text-decoration:none;transition:all .1s;display:flex}.contact-links:hover{color:#fff;background-color:#00000080;border-bottom-color:#d94814}.contact-links svg{width:auto;height:1.75rem;margin-bottom:.5rem}.heading-headline{width:100%}.heading-subtitle{color:#b0b0b0;text-transform:uppercase;font-family:interstate,sans-serif;font-weight:400}.hidden{visibility:hidden;z-index:-999;position:absolute}.menu-large ul{display:flex}.menu-small>a{opacity:.5;background-color:#00000080;border-bottom:1px solid #0000;height:50px;padding:12px;display:block}.menu-small>a:hover,.menu-small>a:active{opacity:1;background-color:#000000bf;border-color:#d94814}.nav{border-bottom:1px solid #6d6d6d;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.nav .links{display:none}.nav-list{border-bottom:none;flex-direction:column;width:100%;display:flex}.nav-link{color:#9b9b9b;text-align:center;border-bottom:2px solid #0000;padding:15px;font-family:railroad-gothic-atf,sans-serif;font-size:2rem;font-style:normal;font-weight:700;text-decoration:none;transition:all .1s ease-in-out;display:block}.nav-link:hover,.nav-link:active{color:#d5d5d5;border-bottom-color:#d94814}.privacy h2,.privacy h3,.privacy h4{font-family:interstate,sans-serif}.privacy ul{background-color:#ffffff0d;padding:1rem 1rem 1rem 40px;list-style-type:square}.privacy ul li{color:#b0b0b0;font-size:1.2rem;line-height:1.5}.privacy .col{margin:auto}.project-back{color:#fff;align-items:center;font-family:railroad-gothic-atf,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1;text-decoration:none;display:flex}.project-back span{background-color:#00000040;border:1px solid #0000;margin-right:1rem;padding:.75rem;display:inline-block}.project-back span svg path{fill:#b0b0b0}.project-back:hover span,.project-back:active span{border-bottom-color:#d94814}.project-back:hover span svg path,.project-back:active span svg path{fill:#fff}.project-content{padding-top:2rem}.project-content p{color:#b0b0b0}.project-content ul{background-color:#ffffff0d;padding:1rem 2rem;list-style-type:disc}.project-content ul li{color:#b0b0b0;font-size:1rem;font-style:italic;line-height:1.5}.project-content ul:last-child{background:0 0;padding:0;list-style:none}.project-content ul:last-child li{font-style:normal}.project-links{justify-content:flex-start;padding-top:1.5rem;display:flex}.project-links a{box-shadow:none;background-color:#d94814;border:1px solid #0000;align-items:center;margin:0 1rem 0 0;padding:10px 20px;font-size:1.25rem;text-decoration:none;display:flex;position:relative}.project-links a svg{fill:#fff;margin-left:.5rem}.project-links a.subtle{color:#d5d5d5;box-shadow:none;background-color:#00000040;margin-right:1em;padding-left:.5em;padding-right:.5em;font-family:interstate,Arial,Helvetica,sans-serif;font-style:italic}.project-links a.subtle svg{margin-left:1em}.project-links a.cta{box-shadow:none}.project-links a:hover{color:#fff;border-color:#0000 #0000 #fff}.project-photos{padding-top:2rem}.project-photos>img{margin-bottom:1rem}.project-thumb{padding-bottom:1rem}.project-thumb a{font-style:normal;text-decoration:none}.project-thumb h2{margin-bottom:.25rem;line-height:1}.project-thumb h2 a{box-shadow:none}.project-thumb h4{color:#b0b0b0;text-transform:uppercase;margin-bottom:1.5rem;font-family:interstate,sans-serif;font-weight:100}.project-thumb img{z-index:0;width:100%;position:relative}.skills{flex-flow:wrap;gap:1rem;display:flex;position:relative}.skill-container{background-color:#262322;border-radius:100%;width:84px;height:84px;display:flex;box-shadow:0 5px 10px #000000b3}.skill-container img{max-height:50px;margin:auto}.social{flex-flow:wrap;justify-content:center;padding-top:1rem;display:flex}.social a{background-color:#00000040;border-bottom:1px solid #0000;width:54px;height:54px;margin-right:15px;padding:10px;transition:all .1s;display:flex}.social a:hover{background-color:#00000080;border-color:#d94814}.social a img{margin:auto}.social-links{justify-content:center;display:flex}.social-links a{padding:.75rem}.social-links a:hover svg path{fill:#d94814}.social-links svg path{fill:#fff;transition:fill .1s}#header,#skills,#projects{width:100%}#contact .grid{grid-template-rows:repeat(2,auto);grid-template-columns:1fr;width:100%}#project .grid{grid-template-rows:repeat(6,auto);grid-template-columns:1fr;grid-template-areas:"headline""subtitle""links""content""photos""back";height:100%}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#d94814;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #d94814,0 0 5px #d94814}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#d94814 #0000 #0000 #d94814;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (min-width:768px){.container{grid-template-rows:75px auto 173px}.footer{flex-flow:row;align-items:center;padding-bottom:0}.footer button{margin:0 2rem 0 0}.footer p{text-align:right;flex-flow:column;justify-content:end;width:auto;margin-top:0}.footer p span{width:auto;margin-left:1rem}.footer .links{flex-direction:column;justify-content:flex-start;align-items:center;width:auto;margin-right:auto}.form{margin-right:2rem}.form form{justify-content:space-between}.form .name,.form .email{width:49%}#menu .nav-list{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}#contact{justify-content:space-between}#contact .contact{justify-content:space-between;display:flex}#contact .contact a{width:38%}#contact .contact .social-links{width:18%}}@media only screen and (min-width:1080px){.App{flex-flow:wrap;height:100%;display:flex}.avatar{width:75px;height:75px}.avatar img{width:75px}.col{width:49%}.container{grid-template-rows:75px auto 109px;margin:auto;padding:2rem}.contact-links{flex-flow:wrap;padding:1rem 3rem}.contact-links span{letter-spacing:.1ch;text-transform:uppercase;font-size:.7em;font-weight:100}.contact-links svg{margin:0 1rem}.footer p{flex-flow:row}.footer .links{flex-direction:row}.form form{justify-content:space-between}.form .name,.form .email{width:49%}.project-thumb{width:31%;margin-right:3%}.project-thumb:last-child{margin-right:0}.social{padding:0}#projects h2{margin-top:0}#work .col{flex-flow:wrap;justify-content:flex-start;width:100%;margin-right:3%;display:flex}#work h1,#contact h1{width:100%}#contact{justify-content:space-between}#contact h2{margin-top:0}#contact .contact{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;display:flex}#contact .contact a,#contact .contact .social-links{width:auto}#contact .grid{grid-template-rows:auto;grid-template-columns:40% 1fr}#project h1{grid-area:headline;margin:0}#project.body{align-self:stretch}#project .grid{grid-template:"headline photos"min-content"subtitle photos""links photos""content photos"1fr"back photos"3rem/30% 1fr;height:100%}#project .heading-subtitle{color:#b0b0b0;grid-area:subtitle}.project-links{grid-area:links}.project-content{grid-area:content}.project-photo{width:95%}.project-photos{scrollbar-color:#7e7e7e #535353;grid-area:photos;max-height:80vh;padding-left:2rem;overflow-y:scroll}.project-photos::-webkit-scrollbar{width:15px;height:15px}.project-photos::-webkit-scrollbar-track-piece{background-color:#535353}.project-photos::-webkit-scrollbar-thumb:vertical{background-color:#7e7e7e;height:30px}.project-back{grid-area:back;padding-top:2rem}#menu .nav-list{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (min-width:1600px){.container{grid-template-rows:85px auto 1fr;width:1600px;max-width:96%;margin:auto;padding:3rem}.footer p{width:100%}.footer .links{display:none}.logo{margin-right:2rem}.menu-large{display:block}.menu-small{display:none}.nav-link{font-size:1.75rem;line-height:1}.nav-link.active{color:#fff;border-color:#d94814}.nav-list{flex-flow:row;align-items:center}.nav .links{flex-flow:row;align-items:center;margin-left:auto;display:flex}.links a.download-btn{border-bottom:2px solid #0000;align-items:center;margin-right:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .1s;display:flex}.links a.download-btn img{max-height:1.8rem;margin-left:1rem}.links a.download-btn:hover{color:#fff;background-color:#bd3504;border-color:#fff;transform:scale(1.05)}.social-links,#contact{justify-content:flex-start}#contact .center{text-align:left}#menu .menu-large{display:none}}.switch-wrapper{grid-template-areas:"switch";display:grid}.switch-wrapper>div{grid-area:switch}:root{--surface:#121111d1;--surface-raised:#ffffff13;--surface-border:#ffffff29;--text-strong:#fff;--text-muted:#c8c3bf;--accent:#f0642d;--accent-deep:#bd3504;--shadow-strong:0 30px 90px #0000008f;--radius:8px}html{scroll-behavior:smooth;background-color:#171514}body{background-color:#171514;background-image:linear-gradient(135deg,#0c0c0ce6,#231c18bf),url(../media/bg.19gfkso4us_7r.jpg);background-position:50%;background-size:cover;background-attachment:fixed;padding:clamp(.75rem,2vw,2rem)}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 78%);mask-image:linear-gradient(#000000d9,#0000 78%)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{text-underline-offset:.2em}p{color:var(--text-muted);max-width:70ch;font-size:clamp(1rem,1vw + .75rem,1.2rem);line-height:1.7}h1{text-transform:uppercase;margin-bottom:clamp(1.25rem,3vw,2.25rem);font-size:clamp(2.5rem,7vw,6.25rem);line-height:.93}h2{text-transform:uppercase;font-size:clamp(1.75rem,3vw,3rem);line-height:1}button,.project-links a,.download-btn,.contact-links{border-radius:var(--radius)}.container{background:linear-gradient(140deg, #ffffff14, transparent 34%),var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-strong);flex-direction:column;gap:clamp(2rem,4vw,4rem);width:min(1480px,100%);min-height:calc(100vh - clamp(1.5rem,4vw,4rem));padding:clamp(1rem,3vw,3rem);display:flex;overflow:visible}.body{align-items:flex-start;gap:clamp(2rem,5vw,4.5rem);padding:0}.col{flex:320px;width:auto;min-width:0}.nav{border-bottom-color:var(--surface-border);z-index:10;gap:1rem;width:100%;padding-bottom:1rem;position:sticky;top:.75rem}.logo img{height:clamp(42px,5vw,58px)}.menu-large{display:block}.menu-small{display:none}.nav-list{flex-flow:wrap;justify-content:center;align-items:center;gap:.25rem}.nav-link{border-radius:var(--radius);letter-spacing:.04em;border:1px solid #0000;padding:.7rem .9rem;font-size:clamp(1rem,1.2vw,1.25rem)}.nav-link:hover,.nav-link:active,.nav-link.active{border-color:var(--surface-border);color:var(--text-strong);background-color:#ffffff14}.nav-link.active{border-bottom-color:var(--accent)}.links{align-items:center;gap:.75rem;display:flex}.links a.download-btn,.footer .links a.download-btn{color:var(--text-strong);letter-spacing:.04em;background-color:#f0642d24;border:1px solid #f0642d7a;padding:.7rem .9rem;font-family:railroad-gothic-atf,sans-serif;font-style:normal}.social{gap:.5rem;padding:0}.social a{border:1px solid var(--surface-border);border-radius:var(--radius);background-color:#ffffff14;width:44px;height:44px;margin-right:0}.social a:hover{background-color:#f0642d2e;border-color:#f0642d94;transform:translateY(-1px)}.avatar{border:1px solid #ffffff47;box-shadow:0 14px 40px #00000061}#home #header{padding-top:clamp(1rem,4vw,3rem)}#home .avatar{width:clamp(112px,14vw,172px);height:clamp(112px,14vw,172px)}#home .avatar img{object-fit:cover;width:100%;height:100%}#home a .preview{background-color:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #00000059}#home a .preview img{width:100%;display:block}#home a .preview .arrow{background-color:var(--accent);border-radius:var(--radius) 0 0 0;letter-spacing:.04em;text-transform:uppercase;font-family:railroad-gothic-atf,sans-serif;font-style:normal}.skills{gap:.85rem}.skill-container{border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:none;background-color:#ffffff14;width:76px;height:76px;transition:transform .16s,background-color .16s,border-color .16s}.skill-container:hover{background-color:#f0642d21;border-color:#f0642d80;transform:translateY(-2px)}.project-thumb{background-color:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);margin-bottom:1.5rem;padding:0;transition:border-color .16s,transform .16s;overflow:hidden}.project-thumb:hover{border-color:#f0642d8c;transform:translateY(-3px)}.project-thumb:hover img{filter:none}.project-thumb h2,.project-thumb h4,.project-thumb .project-links{padding-left:1rem;padding-right:1rem}.project-thumb h2{margin-top:1rem;font-size:clamp(1.45rem,2vw,2rem)}.project-thumb h4{letter-spacing:.08em}.project-thumb img{aspect-ratio:16/10;object-fit:cover;display:block}.project-thumb .project-links{padding-bottom:1rem}.project-links{flex-flow:wrap;gap:.75rem}.project-links a{margin-right:0}.project-content ul,.privacy ul,.form{background-color:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);padding:.5em!important}.project-content ul{justify-self:flex-start}.grid--full .project-content{grid-column:1/-1}.grid--full{grid-template:"headline"min-content"subtitle"min-content"links"min-content"content"1fr"back"3rem/1fr}.grid--full .project-photos{grid-area:unset;display:none}@media only screen and (min-width:1080px){#project .grid.grid--full{grid-template:"headline"min-content"subtitle"min-content"links"min-content"content"1fr"back"3rem/1fr}}.project-photos>img,.about img{background-color:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);display:block;overflow:hidden;box-shadow:0 18px 60px #00000052}.about img{width:100%;margin:0 0 1rem}.contact-links{background-color:var(--surface-raised);border-color:var(--surface-border);align-items:center;width:100%}.contact-links:hover{background-color:#f0642d21;border-color:#f0642d80}.form{gap:1rem;padding:clamp(1rem,3vw,2rem)}.form input,.form textarea{border-color:var(--surface-border);border-radius:var(--radius);background-color:#00000042}.footer{border-top-color:var(--surface-border);margin-top:auto;padding-top:1rem}@media only screen and (max-width:1079px){.nav{position:relative;top:auto}.links{display:none}.menu-large{margin-left:auto}.nav-list{justify-content:flex-end}.nav-link{padding:.55rem .65rem;font-size:1rem}#work .col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;margin-right:0;display:grid}#work h1{grid-column:1/-1}.project-thumb{width:auto;margin-right:0}#contact .grid{gap:1rem}}@media only screen and (min-width:1080px){.container{margin:auto}#work .col{gap:1.5rem;margin-right:0}.project-thumb{width:calc(33.3333% - 1rem);margin-right:0}#project .grid{column-gap:clamp(2rem,4vw,4rem)}}@media only screen and (min-width:1600px){.container{grid-template-rows:none;width:min(1480px,96vw);max-width:1480px}.footer .links,.nav .links{display:flex}}