.project-sundial{--sundial-canvas-width:500px;--sundial-canvas-height:340px}.sundial-arc{opacity:0}.time-dot{filter:blur(.2px);z-index:20;opacity:.5;background-color:#474139;border-radius:9999px;width:.7rem;height:.7rem;transition:all .25s ease-in-out;position:absolute;transform:translate(-50%,-50%);cursor:pointer!important}.time-dot:hover{opacity:.8}.hour-mark{color:#b3aea7;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.68rem;position:absolute;transform:translate(-50%,-50%)}.tree-shadow-container{transform-origin:bottom;z-index:11;mix-blend-mode:multiply;width:115px;height:150px;position:absolute;top:12%;left:50%;transform:translate(-50%,-5px)}.tree-image{transform-origin:bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;width:115px;height:150px;position:absolute;top:12%;left:50%;transform:translate(-50%)}.sundial-wrapper{height:600px;position:relative}.night-message{top:calc(var(--sundial-canvas-height) - 50px);text-align:center;white-space:pre-line;color:#656461;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;max-width:1000px;font-size:.75rem;line-height:1.4;position:relative}.time-tooltip{transform-origin:50%;color:#fff;white-space:nowrap;background-color:#474139;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)scale(.8)}.fade-text{opacity:0}.fade-text.visible{opacity:1}.bird,.bird-shadow{width:40px;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute}.bird.visible,.bird-shadow.visible{animation-name:moveAndFade}.bird:not(.visible),.bird-shadow:not(.visible){animation:none}.bird{z-index:100;top:18%}.bird-shadow{z-index:3;top:40%}@keyframes moveAndFade{0%{transform:translate(calc(var(--sundial-canvas-width) - 50px),0);opacity:0}10%{transform:translate(calc(var(--sundial-canvas-width) - 50px),0);opacity:1}90%{opacity:1;transform:translate(50px)}to{opacity:0;transform:translate(50px)}}@keyframes randomBrightness{0%{filter:contrast(0%)brightness(1.4)sepia(.1)blur(3px)}8%{filter:contrast(0%)brightness(1.7)sepia(.1)blur(3px)}17%{filter:contrast(0%)brightness(1.5)sepia(.1)blur(3px)}29%{filter:contrast(0%)brightness(1.8)sepia(.1)blur(3px)}45%{filter:contrast(0%)brightness(1.4)sepia(.1)blur(3px)}62%{filter:contrast(0%)brightness(1.6)sepia(.1)blur(3px)}78%{filter:contrast(0%)brightness(1.5)sepia(.1)blur(3px)}90%{filter:contrast(0%)brightness(1.7)sepia(.1)blur(3px)}to{filter:contrast(0%)brightness(1.4)sepia(.1)blur(3px)}}.project-desc{width:500px;padding-left:2rem}.project-canvas-wrapper{margin-top:92px;margin-bottom:92px}@keyframes moveAndFadeMobile{0%{opacity:0;transform:translate(calc(100vw - 60px))}10%{opacity:1;transform:translate(calc(100vw - 60px))}90%{opacity:1;transform:translate(50px)}to{opacity:0;transform:translate(50px)}}@media screen and (max-width:580px){.project-desc{width:350px;padding-left:0}.project-canvas-wrapper{margin-top:60px;margin-bottom:60px}.bird.visible,.bird-shadow.visible{animation-name:moveAndFadeMobile}.bird:not(.visible),.bird-shadow:not(.visible){animation:none}}.project-nav{z-index:1000}.project-canvas{width:var(--sundial-canvas-width);height:var(--sundial-canvas-height)}