:root{--font-weight-light: 300;--font-weight-book: normal;--font-weight-medium: 500;--font-weight-bold: bold;--color-white: #ffffff;--color-black: #2c2b2b;--color-black_v2: #1A1A1A;--color-grey: #9a9a9a;--color-red: #df1449;--color-bg: #242424;--color-purple: #483b53;--color-pink: #995a6a;--color-border: #242424;--color-gold: #3c3214}@keyframes modalOut{0%{transform:none;opacity:1}to{transform:scale(.8);opacity:0}}@keyframes modalIn{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}*,*:before,*:after{box-sizing:border-box}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0;outline:none}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clear:before,.clear:after{content:" ";display:block;height:0;overflow:hidden}.clear:after{clear:both}.clear{zoom:1}.clearfix:after{content:"";display:table;clear:both}@font-face{font-family:Cotta;src:url(/assets/Cotta-Regular-eba49395.woff2) format("woff2"),url(/assets/Cotta-Regular-7ba56a8a.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Black-0e500f3b.woff2) format("woff2"),url(/assets/Montserrat-Black-5393b62b.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-793cbf71.woff2) format("woff2"),url(/assets/Montserrat-Bold-b00996a7.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Light-db4c7876.woff2) format("woff2"),url(/assets/Montserrat-Light-248da695.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-5d703ca1.woff2) format("woff2"),url(/assets/Montserrat-Medium-84b3bacb.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-b11be948.woff2) format("woff2"),url(/assets/Montserrat-Regular-863ec85d.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-ThinItalic-84b9d070.woff2) format("woff2"),url(/assets/Montserrat-ThinItalic-f606f8ed.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Thin-4fa4406b.woff2) format("woff2"),url(/assets/Montserrat-Thin-9a6810e7.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}html{font-size:62.5%}body{font-family:Montserrat,sans-serif;font-size:1.4rem;line-height:1.6rem;background-color:var(--color-bg)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{cursor:pointer;color:var(--color-grey);transition:all ease-in-out .3s}span,input,textarea,select,dl,sup,button{font-family:Montserrat,sans-serif;font-weight:inherit;font-size:inherit}svg{max-width:100%;max-height:100%}section{position:relative;overflow:hidden;padding:8rem 0}.wrapper{width:144rem;padding:0 4rem;margin:0 auto;z-index:2;position:relative}@media (max-width: 1024px){.wrapper{width:100%;padding:0 2rem}}.patterns,.shapes{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.patterns .top,.patterns .bottom,.shapes .top,.shapes .bottom{position:absolute}h1{font-family:Cotta,sans-serif;font-size:5.6rem;line-height:6.6rem;color:var(--color-white);text-align:center}h2{font-family:Cotta,sans-serif;font-size:4rem;line-height:4.6rem;font-weight:var(--font-weight-bold);color:var(--color-grey);text-align:center}@media (max-width: 600px){h2{font-size:3rem;line-height:3.6rem}}h3{font-size:2.2rem;line-height:2rem;font-weight:var(--font-weight-medium);color:var(--color-grey);margin-bottom:1.5rem}h4{font-size:1.4rem;line-height:1.8rem;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:1rem}p{font-size:1.4rem;line-height:1rem;color:var(--color-text)}.btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:none;transition:all ease-in-out .3s}.btn.small{background-color:transparent;color:var(--color-white);font-weight:var(--font-weight-bold);border:.2rem solid var(--color-white);padding:.5rem;text-transform:uppercase;font-size:1rem;width:12rem}.btn.large{width:25rem;margin:0 auto;padding:2rem 0;text-transform:uppercase;font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-bg)}.btn.clear{color:var(--color-grey);background-color:transparent;border:.2rem solid var(--color-grey)}.btn.clear:hover{color:var(--color-pink);background-color:transparent;border:.2rem solid var(--color-pink)}.btn.unclear{color:var(--color-grey);background-color:var(--color-black_v2);border:.2rem solid var(--color-black)}.btn.unclear:hover{color:var(--color-pink);background-color:transparent;border:.2rem solid var(--color-pink)}.modal-holder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center}.modal-holder.is-closed .modal-backdrop{animation-name:fadeOut}.modal-holder.is-closed .modal{animation-name:modalOut}.modal-holder .modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26,26,26,.8);opacity:.8;animation-name:fadeIn;animation-timing-function:ease;animation-duration:.2s;animation-fill-mode:both}.modal-holder .modal{width:64rem;display:flex;justify-content:center;align-items:center;position:relative;animation-name:modalIn;animation-timing-function:ease;animation-duration:.2s;animation-fill-mode:both}.modal-holder .modal .modal-close{width:5rem;height:5rem;position:absolute;top:-1.2rem;right:-3.5rem}.modal-holder .modal .modal-close span{border-radius:50%;width:3rem;height:3rem;display:block;background:var(--color-bg);cursor:pointer;position:relative}.modal-holder .modal .modal-close span:before,.modal-holder .modal .modal-close span:after{content:"";width:.2rem;height:1.5rem;display:block;position:absolute;background:var(--color-white)}.modal-holder .modal .modal-close span:before{left:1.4rem;top:.7rem;transform:rotate(45deg)}.modal-holder .modal .modal-close span:after{right:1.4rem;top:.7rem;transform:rotate(135deg)}.modal-holder .modal .modal-body{display:flex;flex-direction:row;justify-content:center;align-items:center;background:var(--color-black);line-height:0;width:100%;height:50rem;text-align:center;padding:1rem}@media (max-width: 768px){.modal-holder .modal{width:100%}.modal-holder .modal .modal-close{right:.5rem}.modal-holder .modal .modal-body{flex-direction:column;width:90%;height:100%}.modal-holder .modal .modal-body .modal-left{display:none}.modal-holder .modal .modal-body .modal-right{width:100%}}@media (max-width: 600px){.modal-holder .modal .modal-close{right:-1.5rem}}.navigation{height:8rem;padding:1rem 0;display:flex;align-items:center;width:90%;margin:0 auto;border-bottom:.2rem solid var(--color-black)}.navigation .wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center}.navigation .wrapper .logo{display:flex;align-items:center;justify-content:flex-start;font-weight:var(--font-weight-medium)}@media (max-width: 600px){.navigation .wrapper .logo{font-size:1.2rem}}.navigation .wrapper .logo .icon{border-radius:50%;width:4.5rem;height:4.5rem;border:.2rem solid var(--color-pink);display:flex;align-items:center;justify-content:center;margin-right:2.5rem}@media (max-width: 600px){.navigation .wrapper .logo .icon{width:3.5rem;height:3.5rem;margin-right:1.25rem}}.navigation .wrapper .logo .icon svg{width:2.4rem;height:2.4rem;fill:var(--color-pink)}.navigation .wrapper .menu ul{display:flex}.navigation .wrapper .menu ul li{color:var(--color-white);font-weight:var(--font-weight-medium)}.navigation .wrapper .menu ul li a:hover{color:var(--color-pink)}.navigation .wrapper .menu.desktop{display:flex;justify-content:flex-end}@media (max-width: 600px){.navigation .wrapper .menu.desktop{display:none}}.navigation .wrapper .menu.desktop ul li a{font-size:1.2rem;line-height:1rem;font-weight:var(--font-weight-medium);padding:1rem}.navigation .wrapper .menu.mobile{display:none}@media (max-width: 600px){.navigation .wrapper .menu.mobile{display:flex;justify-content:flex-end}}.navigation .wrapper .menu.mobile ul li a .icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.navigation .wrapper .menu.mobile ul li a .icon svg{width:3rem;height:3rem;fill:var(--color-pink)}.header{padding:3rem 0}@media (max-width: 600px){.header{padding:0 0 3rem}}.header .wrapper{display:flex;align-items:center;flex-direction:column;padding:3rem 0}.header .wrapper .profile-pic{border-radius:50%;margin-bottom:1.5rem}.header .wrapper .profile-pic img{border-radius:50%;object-fit:cover}@media (max-width: 600px){.header .wrapper .profile-pic img{width:20rem}}.header .wrapper h4{color:var(--color-grey);margin-bottom:3rem}.header .wrapper h1{margin-bottom:4rem}@media (max-width: 600px){.header .wrapper h1{font-size:4rem;line-height:5rem}}.header .wrapper h4,.header .wrapper h1{text-align:center}.projects{background-color:var(--color-black_v2);border-top:.2rem solid var(--color-border);border-bottom:.2rem solid var(--color-border);padding:2rem 0}.projects .projects-wrap{display:grid;align-items:center;grid-template-columns:repeat(6,1fr);gap:1.5rem;overflow-y:scroll}@media (max-width: 1024px){.projects .projects-wrap{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.projects .projects-wrap{grid-template-columns:1fr;justify-items:stretch}}.projects .projects-wrap .project img{min-width:30rem;height:20rem;object-fit:cover;width:100%}.about h2{text-align:center;margin-bottom:3rem}@media (max-width: 600px){.about h2{padding:0 1.5rem}}.about .cards{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);padding:3rem 0}@media (max-width: 1024px){.about .cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.about .cards{grid-template-columns:1fr}}.about .cards .card{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;text-align:left;min-height:30rem;padding:2rem 2rem 6rem;border:.2rem solid var(--color-border);background-color:var(--color-black_v2);box-shadow:0 .1rem .4rem #0000004d,0 0 .1rem #0000001a}.about .cards .card .icon{margin-bottom:1.5rem;width:4rem;height:4rem}.about .cards .card .icon svg{width:4rem;height:4rem;fill:var(--color-grey)}.about .cards .card dl dt{color:var(--color-white);font-weight:var(--font-weight-medium);margin-bottom:1.5rem}.about .cards .card dl dd{color:var(--color-grey);font-size:1.4rem;line-height:1.8rem}.about .contact{padding-top:3rem}.about .contact .btn .icon{width:3rem;height:3rem;margin-left:1rem}.about .contact .btn .icon svg{width:3rem;height:3rem;fill:var(--color-grey)}.about .contact .btn:hover svg{fill:var(--color-pink)}.footer{height:6rem;padding:1rem 0;display:flex;align-items:center;width:90%;margin:0 auto;border-top:.2rem solid var(--color-black)}@media (max-width: 600px){.footer{height:auto}}.footer .wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center}@media (max-width: 600px){.footer .wrapper{grid-template-columns:1fr}}@media (max-width: 600px){.footer .wrapper .copyright{padding-top:1rem}}.footer .wrapper .copyright p{color:var(--color-grey)}@media (max-width: 600px){.footer .wrapper .copyright p{font-size:1.2rem;line-height:1.4rem;text-align:center;padding-bottom:1rem}}.footer .wrapper .social-links{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 600px){.footer .wrapper .social-links{margin-top:2rem;justify-content:center}}.footer .wrapper .social-links a{margin-left:1rem}.footer .wrapper .social-links a .icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.footer .wrapper .social-links a .icon svg{width:3rem;height:3rem;fill:var(--color-pink)}