@import url(https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;600;800&display=swap);html{scroll-snap-type:y proximity}body{width:100vw;font-family:"Darker Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}@font-face{font-family:BVSerif;src:url("/static/media/Bon Vivant Serif Bold.b1c0a5ac.otf") format("opentype")}@font-face{font-family:BVScript;src:url(/static/media/BonVivant-Regular.54412736.otf) format("opentype")}*{box-sizing:border-box;font-family:"HelveticaNeue-CondensedBold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:900}body{padding:0;margin:0;background-color:#f7f4ef;color:#1e1f13}body:before{-webkit-animation:grain 8s steps(10) infinite;animation:grain 8s steps(10) infinite;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/paper-pattern.png);content:"";height:300%;left:-50%;opacity:.3;position:fixed;top:-100%;width:300%}body.no-scroll{overflow-y:hidden}@-webkit-keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}@keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}.container{flex-grow:1;margin:0 auto;padding:0 32px;position:relative;width:auto;height:100%}.container.fluid{width:100%;max-width:100%;padding:0}@media(min-width:1024px){.container{max-width:960px}}@media(min-width:1216px){.container{max-width:1152px}}@media(min-width:1408px){.container{max-width:1560px}}.container .row{display:flex;align-items:center}.container .row.space-between{justify-content:space-between}.container .row.center{justify-content:center}header{font-size:16px;position:fixed;z-index:99;width:100%;font-weight:"700"}header .container .row{height:128px}header .container .row .logo a{color:#1e1f13;text-decoration:none}header .container .row .menu{cursor:pointer;border-radius:100%;border:1px solid #1e1f13;height:80px;width:80px;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}header .container .row .menu:hover{color:#fff;background:#1e1f13}main .container{position:relative}main .container .row{height:100vh;align-items:center}main .container .row .image-container{position:relative}main .container .row .image-container .thumbnail{overflow:hidden;position:relative;object-fit:cover;display:flex;justify-content:center;align-items:center}main .container .row .image-container .information{position:absolute;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;text-transform:uppercase}main .container .row .image-container .information .location span:nth-child(2){margin-left:8px}.single .container .top-row{height:50vh;width:100%;align-items:flex-end}@media(max-width:800px){.single .container .top-row{height:40vh}}@media(max-width:500px){.single .container .top-row{height:30vh}}.single .container .top-row .top{padding-bottom:15px}.single .container .top-row .top .details{display:flex;align-items:center;justify-content:space-between}.single .container .top-row .top .details .location span:nth-child(2){margin-left:16px}.single .container .top-row .top .details .git{text-transform:uppercase}@media only screen and (max-width:800px){.single .container .top-row .top .details{padding:0 10px}}.single .container .top-row .top .spotlight{overflow:hidden}@media only screen and (max-width:500px){.single .container .top-row .top .spotlight{margin-left:20px}}.single .container .top-row .top .spotlight .first{margin-right:72px}.single .container .top-row .top .spotlight span{display:inline-block;position:relative;font-weight:400;font-size:150px;font-family:"BVSerif"}@media(max-width:1440px){.single .container .top-row .top .spotlight span{font-size:116px}}@media only screen and (max-width:800px){.single .container .top-row .top .spotlight span{font-size:80px}}@media only screen and (max-width:500px){.single .container .top-row .top .spotlight span{font-size:50px}}.single .container .bottom-row{height:50vh;position:relative}.single .container .bottom-row .bottom{height:100%;width:100%}.single .container .bottom-row .bottom .thumbnail-single{width:100%;height:800px;margin:0 auto;overflow:hidden;position:absolute;left:0;right:0}@media(max-width:800px){.single .container .bottom-row .bottom .thumbnail-single{height:400px}}@media(max-width:500px){.single .container .bottom-row .bottom .thumbnail-single{height:200px}}.single .container .bottom-row .bottom .thumbnail-single .frame-single{display:flex;justify-content:center}.single .container .bottom-row .bottom .thumbnail-single .frame-single img{position:absolute;width:100%}@media(max-width:750px){.single .container .bottom-row .bottom .thumbnail-single .frame-single img{width:750px;margin:0 auto}}.single .container .bottom-row .scroll-for-more{position:absolute;bottom:200px;left:10%;z-index:20}.single .container .bottom-row .scroll-for-more .icon svg{height:auto;width:28px}.single .container .bottom-row .scroll-for-more .text{margin-top:8px;color:#fff;text-transform:uppercase}.detailed-information{margin-top:216px;height:250px}.detailed-information .container .row{justify-content:space-between;align-items:flex-start}@media(max-width:900px){.detailed-information .container .row{margin-top:-130px;flex-direction:column;justify-content:space-between;align-items:flex-start}}.detailed-information .container .row h2{font-size:28px;-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference;margin-top:44px}@media(max-width:1216px){.detailed-information .container .row h2{margin-right:30px}}@media(max-width:900px){.detailed-information .container .row h2{font-size:58px;margin:0}}.detailed-information .container .row p{padding-top:42px;font-family:"Helvetica Neue";font-size:16;line-height:28px;font-weight:400;width:740px;-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference}@media(max-width:900px){.detailed-information .container .row p{width:100%;margin-top:-40px}}.detailed-information .container .row i{font-weight:400}.carousel{scroll-snap-align:start;margin-top:400px;position:static;overflow-y:auto;overflow:hidden}.carouselSurface{white-space:nowrap;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.carousel-item{display:inline-flex;align-items:center;justify-content:center;flex-grow:1;position:relative;overflow:hidden}.carousel-item,.portfolio{height:100vh;width:100vw;color:#1e1f13}@media only screen and (max-width:800px){.portfolio{margin-top:90px}}@media only screen and (max-width:500px){.portfolio{margin-top:200px}}@media only screen and (max-width:350px){.portfolio{margin-top:300px}}.portfolio .port-text{font-weight:400;font-size:180px;font-family:"BVSerif"}@media only screen and (max-width:800px){.portfolio .port-text{font-size:90px}}@media only screen and (max-width:500px){.portfolio .port-text{font-size:65px}}.portfolio .soon-text{position:relative;top:-90px;font-weight:400;font-size:80px;font-family:"BVScript";-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference}@media only screen and (max-width:800px){.portfolio .soon-text{font-size:44px;top:-36px}}@media only screen and (max-width:500px){.portfolio .soon-text{font-size:32px;top:-33px}}.portfolio :root{--background-color:#060b19;--border-color:hsla(0,0%,100%,0.1);--highlight-color:#7e57c2;--yt-color:#e53935}.portfolio a,.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p,.portfolio span{font-family:"Rubik",sans-serif;font-weight:400;color:#000;margin:0}.portfolio a{text-decoration:none}.portfolio a:hover{color:#7e57c2}.portfolio #portfoliox{height:100vh;width:100vw;flex-grow:1;position:relative;overflow:hidden;color:#1e1f13}.portfolio #portfoliox>article{height:100%;width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:3fr 1fr;left:0;top:0;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.portfolio #portfoliox>article>.article-section{height:100%;display:flex}.portfolio #portfoliox>article>.article-description-section,.portfolio #portfoliox>article>.article-nav-section{border-left:1px solid #1e1f13}.portfolio #portfoliox>article>.article-nav-section,.portfolio #portfoliox>article>.article-title-section{border-top:1px solid #1e1f13;display:flex}.portfolio #portfoliox>article>.article-image-section{background-position:50%;background-size:cover}.portfolio #portfoliox>article>.article-description-section{flex-direction:column;justify-content:flex-end;padding:4rem;white-space:normal;word-wrap:break-word}.portfolio #portfoliox>article>.article-description-section>p{font-size:1.25em}.portfolio #portfoliox>article>.article-description-section>p>a:hover{text-decoration:underline}.portfolio #portfoliox>article>.article-title-section{align-items:center;justify-content:space-between;padding:2rem 4rem}.portfolio #portfoliox>article>.article-title-section>h2{flex-basis:50%;font-family:"Montserrat",sans-serif;font-size:3.5rem;line-height:3rem;margin:0;text-transform:uppercase}.portfolio #portfoliox>article>.article-title-section>i{color:hsla(0,0%,100%,.75);font-size:4rem}.portfolio #portfoliox>article>.article-nav-section>.article-nav-button{background-color:transparent;flex-grow:1;border:none;outline:none;font-size:3rem;cursor:pointer}.portfolio #portfoliox>article>.article-nav-section>.article-nav-button:hover{background-color:hsla(0,0%,100%,.02)}.portfolio #portfoliox>article>.article-nav-section>.article-nav-button:nth-child(2){border-left:1px solid #1e1f13}@media(max-width:1200px){.portfolio #nav-mobile-section{flex-basis:75%}.portfolio #nav-logo-section{flex-basis:25%}.portfolio #nav-link-section{flex-basis:33.3333333333%;grid-gap:3rem;gap:3rem}.portfolio #portfoliox{overflow-y:auto}.portfolio #portfoliox>article{grid-template-columns:none;grid-template-rows:1.5fr repeat(3,.75fr) .25fr;height:max(900px,100%)}.portfolio #portfoliox>article>.article-title-section>h2{font-size:3rem;line-height:2.6rem}.portfolio #portfoliox>article>.article-title-section>i{font-size:3rem}.portfolio #portfoliox>article>.article-description-section,.portfolio #portfoliox>article>.article-nav-section{border-left:none}.portfolio #portfoliox>article>.article-image-section{order:1}.portfolio #portfoliox>article>.article-title-section{border-bottom:1px solid #1e1f13;order:2}.portfolio #portfoliox>article>.article-description-section{justify-content:center;order:3}.portfolio #portfoliox>article>.article-nav-section{border-bottom:1px solid #1e1f13;order:4}}@media(max-width:800px){.portfolio nav{justify-content:space-between}.portfolio nav[data-toggled=true]>#nav-mobile-section{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio nav[data-toggled=true]>#nav-toggle-button{border-left:none}.portfolio nav[data-transitionable=true]>#nav-mobile-section{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.portfolio nav .nav-section{border-left:none;padding:1.5rem 1rem}.portfolio #nav-logo-section>a>i{font-size:1.5rem;margin-left:1rem}.portfolio #nav-mobile-section{background-color:#f7f4ef;flex-direction:column;height:100vh;width:100vw;position:fixed;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.portfolio #nav-toggle-button{display:flex}.portfolio #nav-link-section{flex-basis:60%;flex-direction:column;grid-gap:4rem;gap:4rem}.portfolio #nav-link-section>a{font-size:3rem}.portfolio #nav-social-section>a{font-size:2rem}.portfolio #nav-contact-section{padding-bottom:4rem}.portfolio #portfoliox>article{grid-template-rows:1fr repeat(4,.5fr);height:max(700px,100%)}.portfolio #portfoliox>article>.article-title-section{padding:2rem}.portfolio #portfoliox>article>.article-title-section>h2{flex-basis:70%;font-size:1.75em;line-height:1.5rem}.portfolio #portfoliox>article>.article-title-section>i{font-size:2rem}.portfolio #portfoliox>article>.article-description-section{padding:2rem}.portfolio #portfoliox>article>.article-description-section>p{font-size:1rem}}.portfolio #portfoliox>article>.article-description-section>p>.source-link{color:#7e57c2;display:inline}.portfolio #portfoliox>article .yt-link,.portfolio #portfoliox>article .yt-link>i{color:var(--yt-color);display:inline}
/*# sourceMappingURL=main.0941304a.chunk.css.map */