@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";a{display:inline-block;text-decoration:none;background:linear-gradient(black 0 0) 0 100%/var(--d, 0) 1px no-repeat;transition:.6s}a:hover,a:focus-visible{--d: 100%}button{display:inline-block;border:none;margin:0;font-family:Roboto Mono,monospace;background-color:transparent;text-decoration:none;color:#000;font-size:1.2rem;font-weight:400;cursor:pointer;text-align:center;transition:color .35s}button:hover,button:focus-visible{color:#0000008c;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.55)}#container{z-index:0;position:absolute;width:100vw;height:100vh;pointer-events:none}#terminal{position:absolute;z-index:3;top:0;left:0;width:100vw;height:100vh;overflow:hidden;margin:0;pointer-events:none}#strip{display:flex;flex-direction:row;width:100vw;height:100%}.room{position:relative;flex:0 0 100vw;width:100vw;height:100%;pointer-events:none}.room>main{display:block;pointer-events:auto}.room>main#home{position:absolute;top:0;right:0;width:min(42vw,520px);height:100%;padding:5vh 3vw 8vh 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-scroll{display:flex;flex-direction:column;gap:4.5rem;padding-right:.5rem}.bio{font-family:Roboto Mono,monospace;font-size:1.4rem;font-weight:400;line-height:1.55;letter-spacing:.02em;color:#454545}.bio p{margin:0 0 1.2em}.bio p:last-child{margin-bottom:0}.bio b{color:#000;font-weight:700}.bio a{color:#000;font-weight:400}.bio a:hover{color:#0000008c}.works{font-family:Roboto Mono,monospace;color:#454545}.works-heading{margin:0 0 1.8rem;font-size:1.4rem;font-weight:400;color:#000}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.6rem}.project-item{margin:0}.project-trigger{display:inline-flex;align-items:baseline;gap:.55rem;max-width:100%;padding:.12em .4em;margin-left:-.4em;border:0;background:transparent;font-family:Roboto Mono,monospace;font-size:1.4rem;font-weight:400;color:#000;text-align:left;cursor:pointer;transition:color .25s,background-color .25s}.project-trigger:hover,.project-trigger:focus-visible,.project-trigger.is-active,.project-trigger.is-preview{color:#fff;background:#000;outline:none}.project-trigger:hover .project-index,.project-trigger:focus-visible .project-index,.project-trigger.is-active .project-index,.project-trigger.is-preview .project-index{opacity:1}.project-index{flex:0 0 auto;opacity:.7}.project-title{flex:1 1 auto}.project-meta{margin:.7rem 0 0 2.6rem;display:flex;flex-direction:column;gap:.45rem;font-size:1.2rem;line-height:1.5;color:#454545}.project-meta[hidden]{display:none!important}.meta-row{display:grid;grid-template-columns:4.2rem 1fr;gap:.6rem;align-items:start}.meta-label{color:#000;opacity:.75}.meta-value a{color:#000;margin-right:.8rem}.meta-value a:hover{color:#0000008c}.works-more{margin:2.2rem 0 0;font-size:1.4rem}.works-more a{color:#000}.works-more a:hover{color:#0000008c}.project-thumb{display:none}#ui{z-index:1000;position:absolute;left:2.2vw;top:5vh;pointer-events:none}#identity{font-family:Roboto Mono,monospace;font-size:1.2rem;font-weight:400;line-height:1.55;color:#454545;pointer-events:none}#identity .identity-mark{margin:0 0 1.1rem;color:#000}#identity .identity-ga p{margin:0;white-space:nowrap}#identity .ga-label{display:inline-block;min-width:4.2rem;color:#000}#contact{z-index:1000;position:absolute;left:2.2vw;bottom:3vh;text-align:left}#contact #links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}#contact a{font-family:Roboto Mono,monospace;font-size:1.2rem;font-weight:400;color:#000}#contact a:hover{color:#0000008c}#contact-info,.warning{display:none}@media all and (max-width: 600px){body{overflow:auto}#container{position:fixed;inset:0;width:100vw;height:100vh}#terminal{position:relative;width:100%;height:auto;min-height:100vh;overflow:visible;pointer-events:auto}#strip{width:100vw;flex-direction:column}.room{flex:none;width:100vw;min-height:100vh;pointer-events:auto}.room>main#home{position:relative;width:100%;height:auto;min-height:100vh;padding:7.5rem 1.4rem 8rem;overflow:visible}.home-scroll{gap:3rem}.project-item.is-open .project-thumb,.project-item.is-active .project-thumb{display:block;width:100%;height:auto;margin:.8rem 0 .4rem;filter:contrast(.95)}.project-meta{margin-left:0}#ui{left:1.4rem;top:1.2rem;right:1.4rem}#identity .identity-ga{display:none}#contact{left:50%;right:auto;bottom:0;padding:.7rem 1.6rem;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);border-radius:.6rem .6rem 0 0;opacity:0;pointer-events:none;transform:translate(-50%) translateY(120%);transition:transform .45s ease,opacity .45s ease}#contact #links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem}#contact.contact--visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}}html{font-size:10px}@media (min-width: 1920px){html{font-size:.661376vw}}@media (max-width: 790px){html{font-size:2.54453vw}}*,*:after,*:before{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;background:oklab(97.315% 0 -.00011);font-family:Roboto Mono,monospace;font-weight:400;font-size:1.4rem;line-height:1.5;letter-spacing:.02em;color:#454545}@media (max-width: 600px){body{overflow:auto}}html,body{display:flex;justify-content:center}canvas{height:100vh;width:100vw;position:fixed;z-index:0}main{position:absolute;display:contents;z-index:2}.room>main{display:block}@keyframes pulse{0%{opacity:0}to{opacity:1}}@keyframes pulseD{0%{opacity:0}to{opacity:.7}}