.project-sundial{--sundial-canvas-width:500px;--sundial-canvas-height:340px}.sundial-arc{opacity:0}.time-dot{width:.7rem;height:.7rem;background-color:#4c4945;filter:blur(1.5px);border-radius:9999px;z-index:20;transition:filter 3s ease-in-out}.hour-mark,.time-dot{position:absolute;transform:translate(-50%,-50%)}.hour-mark{color:#b3aea7;font-size:.68rem;user-select:none}.tree-shadow-container{transform:translate(-50%,-5px);transform-origin:bottom center;z-index:11;mix-blend-mode:multiply}.tree-image,.tree-shadow-container{position:absolute;width:115px;height:150px;left:50%;top:12%}.tree-image{transform:translate(-50%);transform-origin:bottom center;user-select:none;z-index:10}.sundial-loading{opacity:0}.sundial-ready{opacity:1}.sundial-fade-in{transition:opacity .2s ease-in-out}.sundial-wrapper{height:600px;-webkit-user-drag:none;-webkit-touch-callout:none}.night-message,.sundial-wrapper{position:relative;user-select:none}.night-message{top:calc(var(--sundial-canvas-height) - 50px);text-align:center;white-space:pre-line;line-height:1.4;color:#656461;font-size:.75rem;width:100%;max-width:1000px}.fade-text{opacity:0}.fade-text.visible{opacity:1}.bird,.bird-shadow{position:absolute;width:40px;animation-timing-function:linear;animation-fill-mode:forwards}.bird-shadow.visible,.bird.visible{animation-name:moveAndFade}.bird-shadow:not(.visible),.bird: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));opacity:0}10%{transform:translate(calc(var(--sundial-canvas-width) - 50px));opacity:1}90%{transform:translate(50px);opacity:1}to{transform:translate(50px);opacity:0}}@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{padding-left:2rem;width:500px}.project-canvas-wrapper{margin-top:92px;margin-bottom:92px}@keyframes moveAndFadeMobile{0%{transform:translate(calc(100vw - 60px));opacity:0}10%{transform:translate(calc(100vw - 60px));opacity:1}90%{transform:translate(50px);opacity:1}to{transform:translate(50px);opacity:0}}@media screen and (max-width:580px){.project-desc{padding-left:0;width:350px}.project-canvas-wrapper{margin-top:60px;margin-bottom:60px}.bird-shadow.visible,.bird.visible{animation-name:moveAndFadeMobile}.bird-shadow:not(.visible),.bird:not(.visible){animation:none}}.project-nav{z-index:1000}.project-canvas{width:var(--sundial-canvas-width);height:var(--sundial-canvas-height)}