@import url(https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap);@import url(https://use.typekit.net/nov8hyw.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1,h2,h3,h4,li,p{color:#fff;font-family:Sen,sans-serif;font-optical-sizing:auto}body{background-color:#000}body,html{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;height:100%;margin:0;padding:0}@keyframes floatingColors{0%{background-position:20% 30%,80% 70%,50% 50%}50%{background-position:30% 40%,70% 60%,40% 80%}to{background-position:40% 20%,60% 80%,60% 30%}}.herocontainer{align-items:flex-start;background-color:#000;justify-content:flex-start}.herocontainer,.section-container{display:flex;flex-direction:column;min-height:calc(100vh - 50px);position:relative;width:100vw}.section-container{height:calc(100vh - 50px);margin:0;overflow-y:auto;padding:0;transition:opacity .5s ease}.fade-in{opacity:1}.fade-out{opacity:0}.herocontainer .navreplacement{bottom:0;display:flex;height:50px;position:fixed;width:100vw;z-index:1099}.herocontainer .navreplacementmobile{display:none}@media screen and (max-width:960px){.herocontainer{min-height:100vh;width:100vw}.section-container{height:auto;width:100vw}.herocontainer .navreplacement{display:none}.herocontainer .navreplacementmobile{align-items:center;animation:floatingColors 5s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#f006 20%,#0000 60%),radial-gradient(circle at 80% 70%,#ff06 20%,#0000 60%),radial-gradient(circle at 50% 50%,#00f9 20%,#0000 60%);background-position:20% 30%,80% 70%,50% 50%;background-size:200% 200%;bottom:0;display:flex;flex-direction:column;justify-content:center;position:relative;transition:opacity .5s ease;width:100vw;z-index:1099}}.navbar{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:row;height:50px;justify-content:center;margin-left:auto;margin-right:auto;position:sticky;width:100vw;z-index:1199}.logosvg{fill:#fff;height:1.25rem;width:100%}.logospacer{display:flex;flex-grow:1;padding-left:2rem}.logocontainer,.logospacer{align-items:center;z-index:1299}.logocontainer{display:block;justify-content:center;transition:transform .3s ease,opacity .3s ease}.navbarlogoparent{align-items:center;display:flex;justify-content:center;z-index:1000}.navbarlogo{cursor:pointer;display:flex;filter:none;height:1.75rem;max-width:100%;padding:.1rem;transition:all .25s ease;width:auto}.navbarcontainer{-ms-overflow-style:none;align-items:center;display:flex;padding:0 1.5rem;scrollbar-width:none;transition:transform .3s ease,opacity .3s ease;z-index:1299}.navbarcontainer::-webkit-scrollbar{display:none}.navmenu{display:flex;list-style:none;margin:0;padding:0;width:max-content;z-index:1299}.navitem{margin:0 .5rem;z-index:1299}.navlinks{align-items:center;background-color:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;height:1.75rem;justify-content:center;letter-spacing:.1rem;padding:0 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .5s ease-out;z-index:1299}.navlinks.active,.navlinks:hover{background-color:#ffffff4d;color:#fff}.navlinkspecial{align-items:center;background-color:initial;border:none;color:#0000;cursor:pointer;display:flex;flex-direction:row;font-size:.7rem;font-weight:600;height:1.75rem;justify-content:center;letter-spacing:.1rem;padding-left:1rem;padding-right:1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .5s ease-out;z-index:1399}@media screen and (max-width:960px){.navbar{align-items:center;background-color:initial;flex-direction:column;height:auto;justify-content:center;padding:0;transition:transform .3s ease,opacity .3s ease}.navbarlogo{display:block;height:2rem;max-width:100%;width:auto}.navbarcontainer{display:none;padding:.5rem 1.5rem 0;width:100vw}.navbar-lower{background-color:initial;min-height:100vh;padding:0}.navbar-lower,.navbarmobilecontainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.navbarmobilecontainer{height:100vh!important;z-index:9000}.navbarmobilecontainer .logospacer{align-items:center;display:flex;justify-content:center;padding-left:0;padding-top:1.8rem}.navbarmobilecontainer .navbarlogo{height:2.5rem}.navbarmobilecontainer .navmenu{align-items:center;display:flex;flex-direction:column;gap:0;height:80vh;justify-content:space-around;padding:1rem}.navbarmobilecontainer .navitem{margin:0}.navbarmobilecontainer .navlinks{background-color:initial;color:#fff;font-size:1.2rem;font-weight:200;height:auto;letter-spacing:.3rem;padding:1rem;text-align:left;white-space:nowrap;width:90vw}.navbarmobilecontainer::-webkit-scrollbar{display:none}}.page-container{display:flex;flex-direction:column;height:calc(100vh - 50px);margin:0;overflow-x:hidden;padding:0!important;position:relative;width:100vw}.subtitle-container{align-items:center;display:flex;justify-content:center;max-width:80vw;padding-top:2rem}.subtitle{text-wrap:balance;color:#fff;font-family:Sen,sans-serif;font-size:1rem;letter-spacing:.3rem;opacity:.7;text-align:center;text-transform:uppercase}.onerem-bar{background-color:#000;display:flex;height:1rem;position:relative;width:100vw}.home-logo-container,.view-reel-button{display:none}.player{display:flex;height:80vh;position:absolute;width:90vw}.back-arrow-container{display:none}.page-container::-webkit-scrollbar{width:0}.page-container{scrollbar-width:none}.page-container::-webkit-scrollbar-thumb{background-color:initial}.music-container,.standard-container{align-items:center;display:flex;justify-content:center;margin:0;min-height:calc(100vh - 50px);padding:0;position:relative;width:100%}.music-container{animation:floatingColors 5s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#1f06 20%,#0000 60%),radial-gradient(circle at 80% 70%,#a600ff66 20%,#0000 60%),radial-gradient(circle at 50% 50%,#0800ff99 20%,#0000 60%);background-position:20% 30%,80% 70%,50% 50%;background-size:200% 200%}.trigger-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.trigger{height:10%;position:relative}.trigger,.video-container{display:flex;top:0;width:100%}.video-container{height:100%;left:0;position:absolute;z-index:-1}.video-background,.video-background-mobile{display:flex;height:100%;object-fit:cover;position:absolute;width:100%}.overlay-content{color:#fff;font-size:2em;text-align:center;z-index:1}.leftcontainer{height:calc(100vh - 50px)}.leftcontainer,.rightcontainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.rightcontainer{height:100%}.rightsubcontainer1,.rightsubcontainer2{align-items:center;display:flex;height:50%;justify-content:center;width:100%}.arrow-container{display:none}.contact-parent{align-items:center;display:flex;height:60%;justify-content:center;margin:0;padding:0;position:relative;width:100%}@media (max-width:960px){.page-container{display:flex;flex-direction:column;height:auto;margin:0;padding:0!important;position:relative;width:100vw}.music-container,.standard-container{align-items:center;display:flex;height:100vh;justify-content:center;margin:0;padding:0;position:relative;width:100%}.home-logo-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:9rem;position:absolute;z-index:1000}.logosvg{opacity:.7;width:80vw}.video-container-mobile{display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.back-arrow-container{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;position:relative;width:100vw;z-index:1000}.arrow-button{all:unset;cursor:pointer;padding:2rem 2rem 2rem 3rem;transition:opacity .3s}.arrow-button,.back-arrow{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center;opacity:.7}.back-arrow{margin-bottom:.1rem;padding:2rem;position:relative;text-align:center}}.website-parent{animation:floatingColors 5s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#00ffd066 20%,#0000 60%),radial-gradient(circle at 80% 70%,#a600ff66 20%,#0000 60%),radial-gradient(circle at 50% 50%,#f0e9 20%,#0000 60%);background-position:20% 30%,80% 70%,50% 50%;background-size:200% 200%;flex-direction:column;height:100%;position:absolute;width:100vw}.sites-container,.website-parent{align-items:center;display:flex;justify-content:center}.sites-container{flex-direction:row;gap:3rem;max-width:90vw}.sitevideo{box-shadow:0 1px 1px #00000014,0 2px 2px #00000014,0 4px 4px #00000014,0 8px 8px #00000014,0 16px 16px #00000014;display:flex;height:auto;position:relative;transition:transform .3s ease-in-out;width:25vw;z-index:9001}.sitevideo:hover{transform:scale(1.05)}.website-copy{max-width:80vw;padding-top:2rem;text-align:center}@media (max-width:960px){.sites-container{display:flex;flex-direction:column;gap:2rem;max-width:90vw}.sitevideo{width:50vw}.website-copy{font-size:.8rem}.sitevideo:hover{transform:none}}.contact-container{animation:floatingColors 5s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#fb06 20%,#0000 60%),radial-gradient(circle at 80% 70%,#f006 20%,#0000 60%),radial-gradient(circle at 50% 50%,#f0d9 20%,#0000 60%);background-position:20% 30%,80% 70%,50% 50%;background-size:200% 200%;height:100%;padding-bottom:6rem;padding-top:6rem;width:100%}.contact-container,.contact-content{position:relative}.contact-container,.contact-container form,.contact-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-container .email-section,.contact-container .message-section{display:flex;flex-direction:column;padding-bottom:1rem}.contact-container h1{font-size:1.5rem;margin:0;max-width:80vw;padding-bottom:1rem;text-align:left;width:30rem}.contact-container input{height:2rem;padding-top:.3rem}.contact-container input,.contact-container textarea{-webkit-text-size-adjust:100%;-webkit-appearance:none;border:0 #fff;border-image:none;border-radius:0;box-shadow:none;font-size:16px;max-width:80vw;outline:none;padding-block:0;padding-inline:0;padding-bottom:.3rem;padding-left:1rem;width:30rem}.contact-container textarea{height:5rem;overflow:auto;padding-top:.8rem;resize:none}.contact-container button,.contact-container input:placeholder-shown,.contact-container textarea:placeholder-shown{font-family:Sen,sans-serif}.contact-container button{background-color:#fff;border:0 #fff;border-image:none;border-radius:0;color:#656565;cursor:pointer;height:2rem;max-width:80vw;outline:none;padding-block:0;padding-inline:0;width:30rem}.contact-container button:hover{color:#fff}.contact-container button:active{background-color:#a3a3a3;color:#000;transition:50ms ease-in-out}@media (max-width:960px){.contact-container{padding-bottom:4rem;padding-top:4rem}}.pastprojects-container{align-items:center;display:flex;justify-content:center;margin:0;min-height:calc(100vh - 50px);padding:0;position:relative;width:100%}.past-projects-grid{grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.past-projects-grid,.past-projects-grid-single{box-sizing:border-box;display:grid;grid-template-rows:auto;height:100%;padding:1rem 0;width:100vw}.past-projects-grid-single{grid-gap:1rem;grid-template-columns:repeat(1,1fr)}.past-projects-grid-square{grid-gap:1rem;grid-template-columns:repeat(2,1fr)}.past-projects-grid-square,.past-projects-grid-tri{box-sizing:border-box;display:grid;grid-template-rows:auto;height:100%;padding:1rem 0;width:100vw}.past-projects-grid-tri{grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.grid-item{cursor:pointer;overflow:hidden;position:relative}.grid-item img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.grid-item:not(.no-hover):hover img{opacity:.7}.grid-item.no-hover:hover img{cursor:default;opacity:1}.project-title{background-color:#0009;bottom:10px;color:#fff;font-size:1em;font-weight:700;left:10px;padding:5px 10px;pointer-events:none;position:absolute}.grid-item.large{grid-column:span 2;grid-row:span 2}.grid-item.small{grid-column:span 1;grid-row:span 1}.modal-overlay{background:#00000080;box-shadow:inset 0 0 0 1000px #0003;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#000;box-shadow:0 4px 10px #0000004d;box-sizing:border-box;flex-direction:column;height:auto;max-height:60vh;max-width:90vw;padding:1rem;width:auto;z-index:1010}.project-content{background-color:#000000b3;bottom:0;box-sizing:border-box;color:#fff;font-size:.9em;left:0;padding:10px 15px;position:absolute;width:100%}.project-header{align-items:baseline;display:flex;gap:8px}.project-header h1,.project-header h4{font-size:1em;font-weight:700;margin:0}.project-header h1{font-style:italic}.project-header h2{color:#cc32b2;font-size:1em;margin:0}.project-content h3{font-size:.85em;font-weight:400;margin:0;padding-top:.25rem}.project-content p{color:#ccc;font-size:.8em}.video-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0}.video-wrapper,.video-wrapper iframe{height:100%;max-height:100%;max-width:100%;width:100%}.carousel-container{align-items:center;box-sizing:border-box;display:flex;height:calc(100% - 2rem);justify-content:center;overflow:hidden;padding:1rem;position:relative;width:calc(100% - 2rem)}.carousel-image{height:100%;object-fit:scale-down;width:100%}.carousel-nav{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav.prev{left:20px}.carousel-nav.next{right:20px}.scrollable-container{box-shadow:0 4px 8px #0003;box-sizing:border-box;max-height:50vh;overflow-x:hidden;padding:1rem;text-align:left;width:100%}.scrollable-container ul{list-style-type:none;margin:0;padding:0;width:100%}.scrollable-container li{align-items:center;background-color:#ffffff1a;color:#fff;display:flex;flex-direction:row;font-size:1em;margin-bottom:1rem;padding:1rem}.thumbnail-container{background-color:#fff;height:50px;margin-right:1rem;width:50px}.content{display:flex;flex-direction:column}.scrollable-container h3{color:#ccc;font-size:.9em;margin:.25rem 0 0}.scrollable-container p{color:#ccc;font-size:.9em;margin:.5rem 0 0}.scrollable-container .list-link,.scrollable-container span{color:#878787;font-size:.9em;margin:.5rem 0 0}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-thumb{background-color:#ffffff80}.scrollable-container::-webkit-scrollbar-track{background:#0000001a}@media (max-width:960px){.past-projects-grid-square{grid-template-columns:auto;grid-template-rows:repeat(2,1fr)}.grid-item:not(.no-hover):hover img{opacity:1}.grid-item.no-hover:hover img{cursor:default;opacity:1}.pastprojects-container{display:flex;height:100vh;margin:0;min-height:100vh;padding:0;position:relative;width:100vw}.project-content{background-color:#000000b3;bottom:0;box-sizing:border-box;color:#fff;font-size:.9em;left:0;padding:5px;position:absolute;width:100%}.project-header h1{font-style:italic;padding-left:.5rem;width:90%}.project-header h1,.project-header h4{font-size:.8em;font-weight:700;margin:0}.project-header h2{color:#cc32b2;font-size:.8em;margin:0;padding-top:.2rem!important}.project-content h3{font-size:.7em;font-weight:400;margin:0;padding-left:.5rem;padding-top:.25rem}.project-content p{color:#ccc;font-size:.8em}}
/*# sourceMappingURL=main.9f25f468.css.map*/