:root{--dark:#1c1c1c;--light:#fffae8;--foreground:var(--light);--background:var(--dark)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background-color:#1c1c1c;background-color:var(--background);color:#fffae8;color:var(--foreground);font-family:helvetica;justify-content:center;perspective:100px;transition:color .25s ease-in-out,background-color .25s ease-in-out}.App,body{display:flex}.App{flex-direction:column;gap:24px;height:100vh;justify-content:space-between;left:50%;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;transform:translateX(-50%);width:100vw}.App::-webkit-scrollbar{display:none}h1{font-size:clamp(72px,8vw,116px);line-height:.8;word-break:break-word}h1,h2{text-wrap:balance;font-weight:100;letter-spacing:-.04em;text-transform:uppercase}h2{font-size:32px;line-height:1;text-shadow:0 0 4px #1c1c1c;text-shadow:0 0 4px var(--background)}.leftAndRight{height:-webkit-fill-available;padding:0 64px;position:relative}.leftAndRightContainer{display:flex;height:100%;position:relative}.hoverCursor{background-color:#000;border-radius:100px;height:100px;left:0;opacity:0;padding:4px;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out,width .15s ease-in-out,height .15s ease-in-out;width:100px;z-index:1}.cursorVisible{height:120px;opacity:1;width:120px}.hoverCursor img{animation:rotate 15s linear infinite;width:100%}@media (max-width:1200px){h2{font-size:24px}.tag{font-size:14px!important;padding:14px 20px!important}}@media (max-width:840px){.header{padding:24px 24px 0!important}.headerTop{flex-direction:column;height:fit-content!important}.headerTopLeft p,.secondaryName{display:none}.modeSwitcherToggle{height:16px!important;width:32px!important}.button path{stroke:#1c1c1c!important;stroke:var(--background)!important}.App{gap:48px}.leftAndRight{height:auto;padding:0}.leftAndRightContainer{flex-direction:column;gap:64px}.intro{gap:40px!important}h1{font-size:13vh}h1,h2{padding:0 24px}h2{font-size:40px;line-height:1.05}.tag{font-size:24px!important}.tag:first-of-type{margin-left:24px}.tag:last-of-type{margin-right:24px}.tagContainer{flex-direction:row;flex-wrap:nowrap!important;overflow-x:scroll;width:max-content;width:100%}.button{background-color:#fffae8;background-color:var(--foreground);color:#1c1c1c;color:var(--background);margin:0 24px}.leftSide{padding:0!important;width:100%!important}.rightSide{height:70vh!important;padding:0 24px;position:inherit!important;touch-action:none;width:100%!important}li{height:24px!important;margin:0 8px;width:24px!important}.horizontal .active{width:48px!important}.vertical .active{height:48px!important}.down,.up{display:none}.expandButton{display:none!important}footer{opacity:1!important}footer img{height:24px!important}}.header{display:flex;flex-direction:column;gap:32px;padding:64px 64px 0;width:100%;z-index:1}.headerTop{display:flex;height:14px;justify-content:space-between;overflow:hidden}.headerTopLeft{height:max-content;transform:translateY(0);transition:all .5s ease-in-out}.raised{transform:translateY(-50%)}.headerTopLeft h4{font-weight:400;text-transform:uppercase}.header p{color:var(--foreground);font-size:12px;font-weight:100;opacity:.5;text-transform:uppercase}.modeSwitcher{align-items:center;display:flex;gap:4px}.modeSwitcherToggle{border:1px solid var(--foreground);border-radius:48px;cursor:pointer;height:100%;padding:2px;width:24px}.modeSwitcherJog{Height:100%;aspect-ratio:1;border-radius:24px;margin-left:0;transition:all .25s ease-in-out}.divider,.modeSwitcherJog{background-color:var(--foreground)}.divider{height:1px;width:100%}.left{margin-left:10px}.temporaryBadge{background-color:#ff5656;border-radius:24px;color:#fff;font-size:14px;font-weight:700;height:fit-content;padding:4px 8px}.leftSide{filter:blur(0);opacity:1;padding-right:16px;scale:1;transition:all .35s ease-in-out;width:50%}.collapsed{filter:blur(2px);opacity:.2;scale:.97}@keyframes squiggle{0%{stroke-dashoffset:0}20%{stroke-dashoffset:690}80%{stroke-dashoffset:690}to{stroke-dashoffset:0}}.intro{gap:24px;height:100%;justify-content:space-between}.intro,.introTop{display:flex;flex-direction:column}.introTop{gap:16px}.tagContainer{display:flex;flex-wrap:wrap;gap:8px}.tagContainer::-webkit-scrollbar{display:none}.squiggleContainer{position:relative}.squiggle1{stroke-dasharray:690;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}.squiggle1 path{stroke:var(--foreground)}@keyframes popUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tag{animation-delay:0ms;animation-duration:1s;animation-fill-mode:forwards;animation-name:popUp;border:1px solid var(--foreground);border-radius:48px;font-size:16px;opacity:0;padding:16px 24px;transform:translateY(0) translateX(0);transition:transform .25s ease-in-out;white-space:nowrap}.tag:hover{box-shadow:-4px 4px 0 var(--foreground);transform:translateX(4px) translateY(-4px)!important}@keyframes popup{0%{transform:translateY(0)}to{transform:translateY(-49px)}}.popup{animation-duration:.25s;animation-fill-mode:forwards;animation-name:popup;animation-timing-function:ease-in-out}.button{align-items:center;border:1px solid var(--foreground);border-radius:16px;display:flex;gap:8px;height:72px;overflow:hidden;padding:16px;position:relative;text-align:left}.button svg{filter:drop-shadow(0 -48px var(--background));height:20px;transform:translateY(0);width:40px}.button path,.button svg{transition:all .35s ease-in-out}.button path{stroke:var(--foreground)}.buttonMask{background-color:var(--foreground);height:180%;left:0;position:absolute;top:0;transform:translateY(80%) skewY(2deg);width:100%;z-index:-1}.button p,.buttonMask{transition:all .35s ease-in-out}.button p{font-size:32px;line-height:1.3;text-shadow:0 48px var(--background);text-transform:uppercase;transform:translateY(0)}.button p:first-child{animation-duration:1s;animation-iteration-count:infinite;animation-name:rotate}.button:hover{& .popup{animation-play-state:running}& path{stroke:var(--background)}& p{color:var(--background);transform:translateY(-49px)}& svg{transform:translateY(48px)}& .buttonMask{transform:translateY(-24px) skewY(2deg)}}.project{align-items:center;border-radius:16px;display:flex;filter:blur(4px) brightness(.25);height:100%;justify-content:center;overflow:hidden;position:relative;scale:.96;transform:translateY(-10%);transition:all 1s cubic-bezier(.44,0,.03,.99);width:100%}.displayed{filter:blur(0) brightness(1);opacity:1;scale:1;transform:translateY(0);z-index:1!important}.description{display:none;left:16px;position:absolute;top:16px}.project img{height:100%;margin:0 auto;object-fit:contain;width:100%}.project video{object-fit:cover}@keyframes expand{0%{height:0}to{height:100%}}.dots{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1c1c1c80;border:1px solid #ffffff26;border-radius:24px;display:flex;list-style:none;padding:8px;transition:.25s ease;width:30px;z-index:1}.dots,.timeline{position:absolute}.timeline{animation-duration:5s;animation-iteration-count:infinite;animation-name:expand;animation-timing-function:linear;background-color:#fff;height:100%;right:0;top:0;width:2px}.dots:hover{background-color:#1c1c1ccc}.horizontal{bottom:0;flex-direction:row;left:50%;transform:translate(-50%,50%)}.vertical{flex-direction:column;right:8px;top:50%;transform:translateY(-50%)}.arrow{cursor:pointer}.arrow img{width:16px}.up{margin-bottom:4px}.up img{rotate:-90deg}.down{margin-top:4px}.down img{rotate:90deg}.active{background-color:var(--light)}.dots li{border:1px solid var(--light);border-radius:24px;cursor:pointer;height:12px;position:relative;transition:all .25s ease-in-out;width:12px}.dotLabel{border-radius:4px;font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;right:24px;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .35s ease-in-out;width:max-content}.dotLabel,.dotLabel:after{background-color:var(--background);position:absolute}.dotLabel:after{aspect-ratio:1;border-top-right-radius:2px;content:"";right:-4px;rotate:45deg;top:7px;width:8px}.dots li:hover{background-color:var(--light);& .dotLabel{opacity:1;right:30px}}.horizontal li{margin:0 4px}.vertical li{margin:4px 0}.horizontal .active{width:24px!important}.vertical .active{height:24px}@keyframes rotate{to{rotate:1turn}}.rightSide{background-color:var(--background);border-radius:16px;height:100%;overflow:hidden;position:absolute;right:0;transition:all .5s cubic-bezier(.22,0,.27,.99);width:50%}.rightSide:hover{&& .expandButton{opacity:1}}.expanded{padding-left:0;transition:all .5s ease-in-out;width:100%}.expanded .expandButton img{rotate:180deg}.rightSide .projectimg{width:100%}.backdrop{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.expandButton{align-items:center;aspect-ratio:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000001a;border:1px solid #fff0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;left:12px;opacity:0;padding:4px 6px;position:absolute;top:12px;transition:.25s ease;z-index:1}.expandButton img{object-fit:contain}.expandButton:hover{background-color:#00000080;border:1px solid #ffffff26}.projectsContainer{cursor:pointer;height:100%;transition:all 1s cubic-bezier(.44,0,.03,.99)}.playPauseButton{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000001a;border:1px solid #fff0;border-radius:24px;bottom:8px;cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;padding:8px;position:absolute;right:8px;transition:.25s ease;width:30px;z-index:2}.playPauseButton:hover{background-color:#00000080;border:1px solid #ffffff26}.playPauseButton img{height:100%}.playPauseButton img:last-of-type{transform:translateX(1px)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-1663.31px)}}footer{animation-duration:120s;animation-iteration-count:infinite;animation-name:scroll;animation-timing-function:linear;bottom:48px;display:flex;left:0;opacity:.2;padding-bottom:64px;transition:opacity .25s ease-in-out;z-index:-1}.paused{opacity:.05}.footerImageList{display:flex;gap:32px;height:100%;justify-content:space-around;padding-right:16px}footer:hover{opacity:1}.paused{animation-play-state:paused}footer img{height:32px}.inverted img{filter:invert(.5)}
/*# sourceMappingURL=main.4dc9199e.css.map*/