body{color:#fff;background-color:#111113;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}::-webkit-scrollbar{display:none}img{border-radius:1vh}button{stroke-width:0;box-shadow:none;cursor:pointer;border:none;border-radius:1vh;outline:none;padding:1vh;transition:transform .2s}button:hover{transform:scale(1.05)}.proj-cont{flex-direction:column;align-self:center;width:90vw;display:flex}.proj-title{letter-spacing:.1vw;padding:1vh 0;font-size:x-large;font-weight:600}.proj-text-cont{margin:8vh 0 3vh 8vw}.proj-info-cont{gap:5vw;margin:3vh 8vw;display:flex}.proj-photo{object-fit:cover;width:28vw;height:40vh}.proj-desc{white-space:pre-line}.project-nodes{justify-content:center;width:100%;margin-left:-50%;margin-right:-50%;display:flex;position:relative;left:50%;right:50%}.project-nodes--vertical{width:auto;margin-left:0;margin-right:0;left:auto;right:auto}.project-nodes__svg{max-width:80%;height:auto;overflow:visible}.project-nodes--vertical .project-nodes__svg{width:auto;max-width:none;height:70vh}.project-nodes__hit-area{fill:#0000;stroke:none;cursor:pointer;pointer-events:all;vector-effect:non-scaling-stroke;animation:none;transform:none}.project-nodes__ring,.project-nodes__inner-ring,.project-nodes__pattern,.project-nodes__label{pointer-events:none}.project-nodes__line{stroke:#fff;stroke-width:.5px}.project-nodes__ring{fill:none;stroke:#ffffffd9;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite node-pulse}.project-nodes__hit-area:hover~.project-nodes__ring{animation:3.2s ease-in-out infinite node-pulse,.2s ease-out forwards node-hover-scale}.project-nodes__node.is-active .project-nodes__ring{stroke:#fff;animation-duration:1.6s}.project-nodes__inner-ring{fill:none;stroke:#fff9;stroke-width:.9px}.project-nodes__pattern{transform-box:fill-box}.project-nodes__label{letter-spacing:.05em;fill:#eaf0ff;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:2px;font-weight:600}@keyframes node-pulse{0%,to{opacity:.6;r:4.6}50%{opacity:1;r:5.2}}@keyframes node-hover-scale{0%{transform:scale(1)}to{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.project-nodes__ring,.project-nodes__pattern{animation:none}}html,body{overflow:hidden}.viewport{width:100vw;height:100vh;position:relative;overflow:hidden}.page{width:100%;height:100%;position:absolute;inset:0}.title-page{z-index:1;box-sizing:border-box;opacity:1;flex-direction:column;justify-content:center;padding:0 30vw;transition:opacity .5s;display:flex;overflow:hidden}.title-page.hidden{opacity:0;pointer-events:none}.projects-page{z-index:2;background-color:#111113;flex-direction:column;gap:5vh;transition:transform .7s cubic-bezier(.65,0,.35,1);display:flex;overflow-y:auto;transform:translateY(100%)}.projects-page.active{transform:translateY(0)}.title-content{z-index:1;flex-direction:column;width:100%;min-width:0;display:flex;position:relative}.title-content>*{min-width:0}.title{letter-spacing:.5vw;padding:2vh 0;font-size:x-large;font-weight:900}.title-scale{transform-origin:top;width:fit-content;max-width:100%;display:block;transform:scaleY(1.1)}.quote{word-wrap:break-word;overflow-wrap:break-word;min-width:0;font-style:italic}.subtitle{word-wrap:break-word;overflow-wrap:break-word;width:100%;min-width:0;padding:2vh 0}.arrow-cont{justify-content:center;width:100%;display:flex}.arrow{cursor:pointer;padding-top:5vh;font-size:xx-large;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-cue{z-index:3;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.scroll-cue:hover{opacity:1}.back-cue{top:4vh;bottom:auto}.stars-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stars-layer:before,.stars-layer:after{content:"";background-repeat:repeat;position:absolute;inset:-50px}.stars-layer:before{opacity:.7;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#fff,#0000),radial-gradient(1.5px 1.5px at 160px 60px,#fff,#0000),radial-gradient(1px 1px at 230px 180px,#fff,#0000),radial-gradient(1px 1px at 300px 40px,#fff,#0000);background-size:320px 220px;animation:90s linear infinite drift1}.stars-layer:after{opacity:.5;background-image:radial-gradient(2px 2px at 50px 80px,#fff,#0000),radial-gradient(1.5px 1.5px at 180px 150px,#fff,#0000),radial-gradient(2px 2px at 260px 40px,#fff,#0000);background-size:400px 300px;animation:60s linear infinite drift2}.stars-layer>.big-stars{opacity:.95;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 6px #fff9);background-image:radial-gradient(3px 3px at 80px 60px,#fff,#0000),radial-gradient(2.5px 2.5px at 220px 160px,#fff,#0000),radial-gradient(3px 3px at 340px 90px,#fff,#0000),radial-gradient(2.5px 2.5px at 120px 260px,#fff,#0000);background-repeat:repeat;background-size:420px 320px;animation:120s linear infinite drift3;position:absolute;inset:-50px}@keyframes drift1{0%{background-position:0 0}to{background-position:-320px 220px}}@keyframes drift2{0%{background-position:0 0}to{background-position:400px -300px}}@keyframes drift3{0%{background-position:0 0}to{background-position:420px -320px}}