.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--column-width:min(60vh, 100vw);--base:min(16px, calc(var(--column-width) / 32))}html,body{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;height:100%;margin:0}#projects,#header,.outside-footer{user-select:none}#projects img,#header img,.outside-footer img{pointer-events:none;user-drag:none;user-select:none;width:100%;height:auto}button{cursor:pointer}#projects video{user-drag:none;user-select:none;width:100%;height:auto}#canvasDiv{z-index:-1;width:100%;height:100%;position:fixed}.cover-div{z-index:1;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}@font-face{font-family:arrayregular;src:url(/_astro/array.gMxBVXmD.woff2)format("woff2"),url(/_astro/array.KSDm_Dys.woff)format("woff");font-weight:400;font-style:normal}#header{color:#fff;text-align:center;height:calc(var(--base) * 4);z-index:9999;background:#000;transition:height .4s;position:sticky;top:0}@media (hover:none) and (pointer:coarse){#header.compact{height:calc(var(--base) * 2.75)}}#projectMask{z-index:1;background-repeat:no-repeat;background-size:100% 130%;width:100%;height:100%;display:block;position:absolute;top:0}.gradient-background{background:linear-gradient(#fff0 0%,#fff 10% 70%,#fff0 100%)}.white-background{background:#fff}.wipe{animation:2s forwards wipeAnimation}@keyframes wipeAnimation{0%{background-position-y:-100vh}50%{}to{background-position-y:100vh}}#header img{filter:invert();width:auto;height:100%}@keyframes strobe{0%{filter:invert(0)}50%{filter:invert()}to{filter:invert(0)}}.strobing{animation:.15s 10 strobe}#main .row:after{clear:both;display:table}#projects.column{vertical-align:top;flex-direction:column;width:min(60vh,100%);height:100vh;margin:0 auto;display:flex;position:relative}#projects{font-size:var(--base);background:#fffc}.trail{color:#fff;align-content:center;margin-top:20%;margin-left:auto;margin-right:auto}.outside-footer{--footer-peek:2.2em;--footer-collapsed-offset:calc(100% - var(--footer-peek));transform:translateY(var(--footer-collapsed-offset));text-align:center;z-index:9999;width:100%;font-family:Hiragino Kaku Gothic ProN W3,sans-serif;font-size:max(var(--base), 13px);background:#000c;flex-direction:column;place-content:center;align-items:center;margin:0;padding-top:.5em;display:flex;position:fixed;bottom:0;left:0}.filter-button{opacity:.4;cursor:pointer;background:0 0;border:none;width:6em;height:6em;transition:opacity .25s,transform .2s}.filter-button.active{opacity:1}.filter-button:hover{opacity:1;transform:scale(1.1)}.filter-button-image{border:3px solid #fff;border-radius:50%}.filter-button-image.inverted{filter:invert();border-color:#000}.filter-button-label{padding-left:.5em;font-size:1em}.inside-footer{color:#fff;flex-direction:column;place-content:center;align-items:center;width:100%;margin:0;padding-top:.1em;padding-bottom:1em;display:flex;bottom:0;left:0}.urls{color:#f5f5f5;font-size:1em}.urls:hover{color:#a9a9a9}.buttons-container{flex-direction:row;justify-content:space-between;width:min(500px,80%);display:flex}.footer-arrow{filter:invert();opacity:0;width:2em;height:2em;transform:rotate(-90deg)}.footer-arrow-container:hover{transform:scale(1.1)}.footer-arrow.open{animation:.5s forwards rotateArrowDown}.footer-arrow.close{animation:.5s forwards rotateArrowUp}@keyframes rotateArrowDown{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}@keyframes rotateArrowUp{0%{transform:rotate(90deg)}to{transform:rotate(-90deg)}}@keyframes translateFooterDown{0%{transform:translateY(0%)}to{transform:translateY(var(--footer-collapsed-offset))}}@keyframes translateFooterUp{0%{transform:translateY(var(--footer-collapsed-offset))}to{transform:translateY(0%)}}.outside-footer.close{animation:.5s forwards translateFooterDown}.outside-footer.open{animation:.5s forwards translateFooterUp}.footer-line{background-color:#ccc;width:min(500px,80%);height:1px;margin:.5em auto}.footer-caret{width:1.3em;height:.8em;margin:0 auto;display:block;overflow:visible}.footer-caret-line{stroke:#fff;stroke-width:5px;stroke-linecap:round;transform-box:fill-box;transition:transform .35s}.footer-caret-line.left{transform-origin:100%;transform:rotate(-50deg)}.footer-caret-line.right{transform-origin:0;transform:rotate(50deg)}.footer-caret.open .footer-caret-line.left{transform:rotate(50deg)}.footer-caret.open .footer-caret-line.right{transform:rotate(-50deg)}