@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:"Roboto",sans-serif}p{margin-bottom:1.3em;color:#000;line-height:2}h1,h2,h3,h4,h5{margin:1.414em 0 .5em;line-height:1.65;text-transform:uppercase;font-family:"Roboto",sans-serif}@media(max-width: 768px){h1,h2,h3,h4,h5{line-height:1.4em}}h1{margin-top:0;font-size:3.998em}@media(max-width: 768px){h1{font-size:3em}}@media(max-width: 400px){h1{font-size:2.4em}}h2{font-size:2.827em}@media(max-width: 768px){h2{font-size:2.2em}}@media(max-width: 400px){h2{font-size:1.6em}}h3{font-size:1.999em}@media(max-width: 768px){h3{font-size:1.3em}}@media(max-width: 400px){h3{font-size:1.2em}}h4{font-size:1.414em}@media(max-width: 768px){h4{font-size:1.2em}}@media(max-width: 400px){h4{font-size:1em}}h5{font-size:1.214em}@media(max-width: 768px){h5{font-size:1em}}blockquote{font-weight:100;font-style:italic;font-size:1em;position:relative;line-height:1.3em;border-left:4px solid #ff9500;padding:10px 0 10px 20px;margin:20px 0;color:#000}cite{font-weight:300;font-size:.8em;text-transform:uppercase;margin-top:10px;display:block}em{font-family:"Roboto",sans-serif}strong{font-family:"Roboto",sans-serif}a{text-decoration:none}.about{padding:1em 1em 0 1em;max-width:1500px;margin:0 auto}@media only screen and (min-width: 768px){.about{padding:1em 5em 0 5em}}@media only screen and (min-width: 1200px){.about{padding:1em 10em 0 10em}}.about__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width: 768px){.about__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.about__header{padding:0 0 2em 0;margin:0;text-align:center}.about__container-left,.about__container-right{width:100%}@media only screen and (min-width: 768px){.about__container-left,.about__container-right{width:50%}}.about__container-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.about__container-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-top:1em}@media only screen and (min-width: 768px){.about__container-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:0}}.about__carousel-container{z-index:1;position:relative;width:95%;max-width:600px;aspect-ratio:1/1;overflow:hidden;background-color:#000;-webkit-clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%)}.about__carousel-border{position:absolute;top:.5em;bottom:.5em;left:.5em;right:.5em;overflow:hidden;background-color:#000;-webkit-clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%)}.about__carousel-hexagon{-webkit-clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);position:absolute;width:95%;max-width:600px;aspect-ratio:1/1}.about__carousel-hexagon--1,.about__carousel-hexagon--2{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.about__carousel-hexagon--1{background-color:#ff9500;-webkit-transform:translate(10px, 10px);transform:translate(10px, 10px)}.about__carousel-hexagon--2{background-color:#d6d6d6;-webkit-transform:translate(-10px, -10px);transform:translate(-10px, -10px)}.about__image-container{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}.about__image{-o-object-fit:cover;object-fit:cover;height:100%}.about__video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.about__skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 .2em;color:#000}.about__skill{padding:0 1em}.about__description span{font-weight:bold;text-decoration:underline;text-decoration-color:#ff9500;text-decoration-thickness:.2rem}.about a{font-weight:bold;color:#000;text-decoration:underline;text-decoration-color:#ff9500;text-decoration-thickness:.2rem}.about a:hover{color:#ff9500}.contact{padding:1em 1em 0 1em;max-width:1500px;margin:0 auto}@media only screen and (min-width: 768px){.contact{padding:1em 5em 0 5em}}@media only screen and (min-width: 1200px){.contact{padding:1em 10em 0 10em}}.contact__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact__form{width:100%}.contact__form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 768px){.contact__form-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.contact__form-row--button{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:.5em}.contact__input-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:0 .5em}.contact__input-group abbr{text-decoration:none;font-weight:bold}.contact__input-group input,.contact__input-group textarea{border-radius:.3em;padding:.3em .3em .3em .5em;width:100%;outline:none;border:.1em solid #000;-webkit-box-shadow:inset 0px 0px 0px 0em #000;box-shadow:inset 0px 0px 0px 0em #000;-webkit-transition:border .2s ease,-webkit-box-shadow .2s ease;transition:border .2s ease,-webkit-box-shadow .2s ease;transition:box-shadow .2s ease,border .2s ease;transition:box-shadow .2s ease,border .2s ease,-webkit-box-shadow .2s ease}.contact__input-group input:not(.hide-validation):invalid,.contact__input-group textarea:not(.hide-validation):invalid{border-color:#c03535;-webkit-box-shadow:inset 0px 0px 0px .1em #c03535;box-shadow:inset 0px 0px 0px .1em #c03535}.contact__input-group input:not(.hide-validation):invalid~label,.contact__input-group textarea:not(.hide-validation):invalid~label{color:#c03535}.contact__input-group input:focus,.contact__input-group textarea:focus{border-color:#ff9500;-webkit-box-shadow:inset 0px 0px 0px .1em #ff9500;box-shadow:inset 0px 0px 0px .1em #ff9500}.contact__textarea{resize:none}.contact__label{padding-top:.5em;-webkit-transition:color .2s ease;transition:color .2s ease}.contact__submit{border:.1em solid #000;border-radius:.5em;padding:0 1em;margin-top:.5em;margin-left:.25em;margin-right:.25em;font-size:1.5em;background-color:#fff;color:#000;cursor:pointer;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.contact__submit:hover{background-color:#ffbf66;color:#fff}.hero{height:110vh;max-height:1600px;position:relative}.hero__background{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite}.hero__background::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.35;background:linear-gradient(75deg, red 0%, transparent 15% 25%, white 40% 60%, transparent 75% 85%, yellow 100%);background-size:200% 100%;-webkit-animation:gradient-reverse 34s ease infinite;animation:gradient-reverse 34s ease infinite}.hero__background::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.25;background:linear-gradient(185deg, red 0%, transparent 15% 25%, orange 40% 60%, transparent 75% 85%, yellow 100%);background-size:100% 400%;-webkit-animation:gradient-vertical 46s ease infinite;animation:gradient-vertical 46s ease infinite}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes gradient-reverse{0%{background-position:100% 0%}50%{background-position:0% 50%}100%{background-position:100% 0%}}@keyframes gradient-reverse{0%{background-position:100% 0%}50%{background-position:0% 50%}100%{background-position:100% 0%}}@-webkit-keyframes gradient-vertical{0%{background-position:50% 0%}50%{background-position:50% 100%}100%{background-position:50% 0%}}@keyframes gradient-vertical{0%{background-position:50% 0%}50%{background-position:50% 100%}100%{background-position:50% 0%}}.hero__content{position:absolute;top:0;bottom:0;left:0;right:0}.hero__content-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-transition:width .3s ease;transition:width .3s ease}@media only screen and (min-width: 768px){.hero__content-left{width:50%}}.hero__content-left h1{background:#fff;padding:.2em 1em;margin:0;border-top:.1em solid #000;border-bottom:.1em solid #000;text-transform:uppercase;font-size:3em;text-align:center;position:relative}.hero__content-left h1::before{content:"";position:absolute;top:.25em;bottom:.25em;left:.2em;right:.2em;border-left:.1em solid #000;border-right:.1em solid #000;pointer-events:none}.hero__content-left p{padding:.3em .5em;margin:0;background:#fff;position:relative;line-height:1}.hero__content-left p::before{content:"";position:absolute;top:0;bottom:0;left:-1.5em;right:100%;background:-webkit-gradient(linear, right top, left bottom, from(white), color-stop(50%), color-stop(51%, transparent));background:linear-gradient(to bottom left, white, 50%, transparent 51%)}.hero__content-left-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:-75%;padding-bottom:0}@media only screen and (min-width: 768px){.hero__content-left-wrapper{margin-top:initial;padding-bottom:10rem}}.hero__content-right{position:absolute;top:0;bottom:0;left:auto;right:0;-webkit-transition:width .3s ease;transition:width .3s ease;width:95%;pointer-events:none}@media only screen and (min-width: 768px){.hero__content-right{width:80%}}.hero__content-right img{height:100%;position:absolute;top:0;bottom:0;left:auto;right:0;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.hero__blend{position:absolute;left:0;right:0;bottom:0;height:20vh;background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, hsla(0, 100%, 100%, 0.2)), to(white));background:linear-gradient(180deg, transparent 0%, hsla(0, 100%, 100%, 0.2) 30%, white 100%)}.hero__arrow{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:11vh;-webkit-animation:bobbing 4s ease infinite;animation:bobbing 4s ease infinite;pointer-events:none}.hero__arrow:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.hero__arrow a{pointer-events:all}.hero__arrow a svg{width:2rem;height:2rem;-webkit-filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7))}.hero__arrow a svg path{fill:#fff;-webkit-transition:fill .2s ease;transition:fill .2s ease}.hero__arrow a:hover svg path{fill:#ff9500}@-webkit-keyframes bobbing{0%{padding-bottom:11vh}45%{padding-bottom:13vh}55%{padding-bottom:13vh}100%{padding-bottom:11vh}}@keyframes bobbing{0%{padding-bottom:11vh}45%{padding-bottom:13vh}55%{padding-bottom:13vh}100%{padding-bottom:11vh}}.projects{padding:0 1em 1em 1em;max-width:1500px;margin:8em auto 0 auto}@media only screen and (min-width: 768px){.projects{padding:0 5em 4em 5em}}@media only screen and (min-width: 1200px){.projects{padding:0 10em 2em 10em}}.projects--small-spacing{padding:3em 1em 0 1em;margin:0 auto}@media only screen and (min-width: 768px){.projects--small-spacing{padding:6em 5em 0 5em}}@media only screen and (min-width: 1200px){.projects--small-spacing{padding:8em 10em 0 10em}}.projects--small-spacing .projects__header{margin-bottom:1em}.projects__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects__header{padding:0;margin:0}.projects__text--top-padding{padding-top:2rem}.projects__tiles{padding:0;margin:0;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:20px;grid-template-columns:1fr}@media only screen and (min-width: 768px){.projects__tiles{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1200px){.projects__tiles{grid-template-columns:1fr 1fr 1fr}}.projects__tile{cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.projects__tile--wide{grid-column:1/span 2}.projects__tile--tall{grid-row:1/span 2}.projects__tile--big{grid-column:1/span 2;grid-row:1/span 2}.projects__tile:nth-child(even) .projects__image-overlay{background:linear-gradient(38deg, pink, lightblue);opacity:.4}.projects__tile:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects__tile:hover .projects__text-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.projects__tile:hover .projects__image-overlay{opacity:0}.projects__tile-container{height:100%;background:#fff;border-radius:.3em;-webkit-box-shadow:0 .2em .6em 0em #d6d6d6;box-shadow:0 .2em .6em 0em #d6d6d6;overflow:hidden}.projects__tile-top{height:200px;background:#d6d6d6;border-radius:.3em .3em 0 0;position:relative;overflow:hidden}.projects__tile-top img{-o-object-fit:cover;object-fit:cover;height:100%;min-width:100%}.projects__image-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(144deg, purple, orange);opacity:.15;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.projects__text-container{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0);-webkit-perspective:1000px;perspective:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects__text-inner{position:relative;text-align:center;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:50%;height:50%;pointer-events:none}.projects__text-front,.projects__text-back{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects__text-front::before{content:"";position:absolute;top:0;bottom:0;left:-3em;right:100%;background:-webkit-gradient(linear, right bottom, left top, from(white), color-stop(50%), color-stop(51%, transparent));background:linear-gradient(to top left, white, 50%, transparent 51%)}.projects__text-front::after{content:"";position:absolute;top:0;bottom:0;left:100%;right:-3em;background:-webkit-gradient(linear, left top, right bottom, from(white), color-stop(50%), color-stop(51%, transparent));background:linear-gradient(to bottom right, white, 50%, transparent 51%)}.projects__text-front h3{margin:0;font-size:4.8vw}@media only screen and (min-width: 768px){.projects__text-front h3{font-size:2.1vw}}@media only screen and (min-width: 768px){.projects__text-front h3{font-size:1.5vw}}@media only screen and (min-width: 1685px){.projects__text-front h3{font-size:1.2vw}}@media only screen and (min-width: 2000px){.projects__text-front h3{font-size:1.4rem}}.projects__text-back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.projects__text-back p{text-transform:uppercase}.projects__text-back::before{content:"";position:absolute;top:0;bottom:0;left:-3em;right:100%;background:-webkit-gradient(linear, right top, left bottom, from(white), color-stop(50%), color-stop(51%, transparent));background:linear-gradient(to bottom left, white, 50%, transparent 51%)}.projects__text-back::after{content:"";position:absolute;top:0;bottom:0;left:100%;right:-3em;background:-webkit-gradient(linear, left bottom, right top, from(white), color-stop(50%), color-stop(51%, transparent));background:linear-gradient(to top right, white, 50%, transparent 51%)}.projects__text-back p{margin:0}.projects__tile-bottom{height:100%}.projects__skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;background:#d6d6d6}.projects__skill{color:#000;padding:0 .5rem}.projects__short-description{padding:.4em .4em}.projects__project{display:grid;grid-gap:1rem;grid-template-columns:1fr;width:100%;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}@media only screen and (min-width: 768px){.projects__project{grid-template-columns:1fr}}@media only screen and (min-width: 1200px){.projects__project{grid-template-columns:1fr 1fr}}.projects__image-container{width:100%;text-align:center}.projects__image-container img{height:auto;margin:0 auto}.projects__image-container iframe{max-width:100%;margin:0 auto}.projects__content{justify-self:left}.projects__title{margin:0}.projects a{font-weight:bold;color:#ff9500;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:.2rem}.projects a:hover{color:#000}.projects audio{margin-top:.4rem;width:100%}.projects__music-tiles{padding:0;margin:0;width:100%;display:grid;margin-top:2rem;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:20px;grid-template-columns:1fr}@media only screen and (min-width: 768px){.projects__music-tiles{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1200px){.projects__music-tiles{grid-template-columns:1fr 1fr 1fr}}.projects__music-tile--wide{grid-column:1/span 2}.projects__music-tile--tall{grid-row:1/span 2}.projects__music-tile--big{grid-column:1/span 2;grid-row:1/span 2}.projects__music-tile-container{height:100%;background:#fff;border-radius:.3em;-webkit-box-shadow:0 .2em .6em 0em #d6d6d6;box-shadow:0 .2em .6em 0em #d6d6d6;overflow:hidden}.projects__music-tile-top{height:200px;background:#d6d6d6;border-radius:.3em .3em 0 0;position:relative;overflow:hidden}.projects__music-tile-top img{-o-object-fit:cover;object-fit:cover;height:100%;min-width:100%}.projects__music-tile-top iframe{-o-object-fit:cover;object-fit:cover;height:100%;min-width:100%;width:auto}.projects__music-tile-header{background:#d6d6d6;padding:.4em .4em}.projects__music-tile-description{padding:.4em .4em}.showreel{padding:1em 1em 0 1em;max-width:1500px;margin:0 auto}@media only screen and (min-width: 768px){.showreel{padding:0 5em 4em 5em}}@media only screen and (min-width: 1200px){.showreel{padding:0 10em 2em 10em}}.showreel__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.showreel__content{width:100%;position:relative}.showreel__youtube-content{width:100%;aspect-ratio:16/9}.showreel__youtube-content iframe{width:100%;height:100%}.showreel__play{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.showreel__play--hidden{display:none}.showreel__play:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.showreel__play:hover svg path{fill:#ff9500}.showreel__play svg{top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);height:5rem;width:5rem;-webkit-filter:drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.7));-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;pointer-events:none}.showreel__play svg path{-webkit-transition:fill .2s ease;transition:fill .2s ease;fill:#fff}.showreel__image{height:100%}.showreel__image--hidden{display:none}.showreel__image img{width:100%;max-width:100%}.showreel__video{display:none;height:100%}.showreel__video--visible{display:block}.showreel__video video{display:block;height:100%;margin:0 auto;width:100%}.footer{background-color:#000;color:#fff;-webkit-transition:margin .3s ease;transition:margin .3s ease;margin:6em 0 0 0}@media only screen and (min-width: 768px){.footer{margin:4em 2em 0 2em}}@media only screen and (min-width: 1200px){.footer{margin:4em 3em 0 3em}}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.footer__to-top{position:absolute;top:-3rem;-webkit-transition:top .2s ease;transition:top .2s ease}@media only screen and (min-width: 768px){.footer__to-top{top:-2rem}}.footer__to-top:hover{top:-3.2em}@media only screen and (min-width: 768px){.footer__to-top:hover{top:-2.2rem}}.footer__to-top:hover svg{-webkit-filter:drop-shadow(0 -0.2rem 0rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 -0.2rem 0rem rgba(0, 0, 0, 0.7))}.footer__to-top svg{width:2rem;height:2rem;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease, -webkit-filter .2s ease}.footer__to-top svg path{fill:#ff9500}.footer__socials{margin:.5rem 0 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width: 768px){.footer__socials{display:none}}.footer__social{padding:0 .5em}.footer__social:hover svg path,.footer__social:hover svg polygon{fill:#ff9500}.footer__social svg{height:1.5em;width:1.5em}.footer__social svg path,.footer__social svg polygon{fill:#fff;-webkit-transition:fill .2s ease;transition:fill .2s ease}.footer a{color:#fff}.footer__built{margin:.5rem}.modal{position:fixed;top:0;bottom:0;left:0;right:0;z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.modal--visible .modal__mask{opacity:1;pointer-events:initial}.modal--visible .modal__container{opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:initial}.modal__mask{width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal__container{position:absolute;width:100%;height:100%;max-width:1024px;background-color:#fff;opacity:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@media only screen and (min-width: 768px){.modal__container{width:80%;height:80%;border-radius:.5em}}.modal__header{width:100%;max-height:50%;background-color:#000;overflow:hidden;position:relative}.modal__close{font-size:0;position:absolute;top:0;right:0;background:#fff;border:none;cursor:pointer;width:3rem;height:3rem;z-index:1;border-radius:0 0 0 50%;padding:1.7rem;-webkit-filter:drop-shadow(0px 0px 2px black);filter:drop-shadow(0px 0px 2px black)}.modal__close::before,.modal__close::after{content:"";position:absolute;top:.1rem;background-color:#000;height:3rem;width:.2rem;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.modal__close::before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.modal__close::after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.modal__close:hover::before,.modal__close:hover::after{background-color:#ff9500}.modal__play{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.modal__play--hidden{display:none}.modal__play:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal__play:hover svg path{fill:#ff9500}.modal__play svg{top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);height:5rem;width:5rem;-webkit-filter:drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.7));-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;pointer-events:none}.modal__play svg path{-webkit-transition:fill .2s ease;transition:fill .2s ease;fill:#fff}.modal__image{height:100%}.modal__image--hidden{display:none}.modal__image img{width:100%;max-width:100%}.modal__video{display:none;height:100%}.modal__video--visible{display:block}.modal__video video{display:block;height:100%;margin:0 auto;width:100%}.modal__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal__title{margin:0;padding:0 .5rem}.modal__links{display:-webkit-box;display:-ms-flexbox;display:flex}.modal__link{padding:0 .5rem}.modal__link svg{height:2rem;width:2rem}.modal__link svg path,.modal__link svg rect{fill:#000;-webkit-transition:fill .2s ease;transition:fill .2s ease}.modal__link svg:hover path{fill:#ff9500}.modal__link svg:hover rect{fill:#ff9500}.modal__technologies{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;background-color:#d6d6d6}.modal__technology{padding:0 1rem}.modal__description{padding:.5rem;margin:0;overflow-y:auto}.modal__description span{font-weight:bold;text-decoration:underline;text-decoration-color:#ff9500;text-decoration-thickness:.2rem}.navbar{z-index:100;padding:1em 1em 0 1em;color:#fff;position:fixed;width:100%;-webkit-transition-property:background-color,border-bottom,padding,-webkit-backdrop-filter,-webkit-transform;transition-property:background-color,border-bottom,padding,-webkit-backdrop-filter,-webkit-transform;transition-property:background-color,border-bottom,backdrop-filter,padding,transform;transition-property:background-color,border-bottom,backdrop-filter,padding,transform,-webkit-backdrop-filter,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;background-color:rgba(0,0,0,0);border-bottom:.2em solid rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none}@media only screen and (min-width: 768px){.navbar{padding:1em 5em 0 5em}}@media only screen and (min-width: 1200px){.navbar{padding:1em 10em 0 10em}}.navbar--not-top{background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:.2em solid #fff;padding:0 1em}@media only screen and (min-width: 768px){.navbar--not-top{padding:0 5em}}@media only screen and (min-width: 1200px){.navbar--not-top{padding:0 10em}}.navbar--hidden{-webkit-transform:translateY(-3.2em);transform:translateY(-3.2em)}.navbar--hidden .navbar__mobile-wrapper{margin:3.2em 0 0 0}.navbar__container{height:3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar__menu{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;width:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}@media only screen and (min-width: 768px){.navbar__menu{width:auto;opacity:1;visibility:initial}}.navbar__menu-item,.navbar__mobile-menu-item{padding:0 .5em}.navbar__menu-item--resume a,.navbar__mobile-menu-item--resume a{border:.1em solid #fff;border-radius:.5em;padding:0 .5em;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.navbar__menu-item--resume a:hover,.navbar__mobile-menu-item--resume a:hover{background-color:#fff;color:#000}.navbar__menu-item:not(.navbar__menu-item--resume) a:hover::after,.navbar__mobile-menu-item:not(.navbar__mobile-menu-item--resume) a:hover::after{width:100%}.navbar__menu-item:not(.navbar__menu-item--resume) a::after,.navbar__mobile-menu-item:not(.navbar__mobile-menu-item--resume) a::after{content:"";position:absolute;top:calc(100% - .2em);bottom:.1em;left:0;right:0;-webkit-transition:width .3s ease;transition:width .3s ease;background-color:#fff;width:0%}.navbar a{color:#fff;font-size:1.5em;position:relative}.navbar__home a{font-weight:bold}@media only screen and (min-width: 768px){.navbar__mobile{display:none}}.navbar__mobile-wrapper{position:fixed;right:0;top:0;width:100vw;height:100vh;background:-webkit-gradient(linear, right top, left bottom, from(black), color-stop(50%), color-stop(50%, grey));background:linear-gradient(to bottom left, black, 50%, grey 50%);background-size:200% 100%;background-position:100% 0%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:margin .3s ease,-webkit-transform .3s ease;transition:margin .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,margin .3s ease;transition:transform .3s ease,margin .3s ease,-webkit-transform .3s ease}.navbar__mobile-wrapper--visible{-webkit-transform:translateX(0%);transform:translateX(0%)}.navbar__mobile-wrapper button{position:absolute;top:0;right:0;margin:1.5rem;font-size:0}.navbar__mobile-menu{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar__mobile-menu-item{margin:2rem}.navbar .navbar__mobile-button{background:none;border:none;cursor:pointer;width:3rem;height:3rem;font-size:0}.navbar .navbar__mobile-button--open{width:2rem;height:2rem;position:relative;margin-right:.5rem}.navbar .navbar__mobile-button--open:hover::before,.navbar .navbar__mobile-button--open:hover::after{background-color:#ff9500}.navbar .navbar__mobile-button--open::before,.navbar .navbar__mobile-button--open::after{content:"";position:absolute;top:0;right:0;background-color:#fff;width:2rem;height:.2rem;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.navbar .navbar__mobile-button--open::before{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.navbar .navbar__mobile-button--open::after{-webkit-transform:translateY(1.2rem);transform:translateY(1.2rem)}.navbar .navbar__mobile-button--close::before,.navbar .navbar__mobile-button--close::after{content:"";position:absolute;top:0;background-color:#fff;height:3rem;width:.2rem;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.navbar .navbar__mobile-button--close::before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.navbar .navbar__mobile-button--close::after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.navbar .navbar__mobile-button--close:hover::before,.navbar .navbar__mobile-button--close:hover::after{background-color:#ff9500}.social-overlay{position:fixed;top:0;bottom:0;left:0;right:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;z-index:50;pointer-events:none;display:none;-webkit-transition:padding .3s ease;transition:padding .3s ease}@media only screen and (min-width: 768px){.social-overlay{padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (min-width: 1200px){.social-overlay{padding:0 2rem}}.social-overlay--not-top .social-overlay__social svg{height:2rem;width:2rem;-webkit-filter:drop-shadow(0 0 0.3rem rgba(255, 255, 255, 0.7));filter:drop-shadow(0 0 0.3rem rgba(255, 255, 255, 0.7))}.social-overlay--not-top .social-overlay__social svg path{fill:#000}.social-overlay--not-top .social-overlay__socials::after,.social-overlay--not-top .social-overlay__right::after{background-color:#000;-webkit-filter:drop-shadow(0 0 0rem rgba(255, 255, 255, 0.7));filter:drop-shadow(0 0 0rem rgba(255, 255, 255, 0.7))}.social-overlay--not-top .social-overlay__email a{color:#000;text-shadow:0 0 .3rem rgba(255,255,255,.7)}.social-overlay__socials{padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:all}.social-overlay__social{margin:.5rem 0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.social-overlay__social:hover{-webkit-transform:translateY(-0.2rem);transform:translateY(-0.2rem)}.social-overlay__social:hover svg path{fill:#ff9500}.social-overlay__social svg{height:2rem;width:2rem;-webkit-filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7));-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease, -webkit-filter .3s ease}.social-overlay__social svg path{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#fff}.social-overlay__right{padding:0;margin:0;width:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-overlay__socials::after,.social-overlay__right::after{content:"";width:2px;height:80px;background-color:#fff;-webkit-filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7));filter:drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.7));-webkit-transition:background-color .3s ease,-webkit-filter .3s ease;transition:background-color .3s ease,-webkit-filter .3s ease;transition:background-color .3s ease,filter .3s ease;transition:background-color .3s ease,filter .3s ease,-webkit-filter .3s ease}.social-overlay__email a{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#fff;padding:.8rem 0;text-shadow:0 0 .3rem rgba(0,0,0,.7);-webkit-transition-property:color,text-shadow,-webkit-transform;transition-property:color,text-shadow,-webkit-transform;transition-property:color,text-shadow,transform;transition-property:color,text-shadow,transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;pointer-events:all}.social-overlay__email a:hover{-webkit-transform:translateY(-0.2rem);transform:translateY(-0.2rem);color:#ff9500}.social-overlay__test{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}/*# sourceMappingURL=main.min.css.map */