body{color:#fff;background-color:#000;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:row;height:70vh;display:flex}.proj-title{text-align:center;width:40vw}.proj-text{flex-direction:column;justify-content:center;align-items:center;width:50vw;display:flex}.proj-desc{text-align:center;white-space:pre-line;width:30vw}.photo-cont{box-sizing:border-box;width:50vw;height:100%;padding:5vh;overflow:hidden}.proj-photo{width:100%;height:100%}.zoom-photo{object-fit:cover;cursor:pointer;transition:transform .4s}.zoom-photo:hover{transform:scale(1.05)}.project-list-cont{box-sizing:border-box;gap:2vh;width:100%;height:20vh;padding:3vh 3vh 3vh 5vh;display:flex}.list-img{width:10vw;height:100%;transition:opacity .2s}.list-img:hover{opacity:.6}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}.title-cont{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;height:100vh;padding:0 30vw;display:flex;position:relative}.title{z-index:1;letter-spacing:.5vw;padding:2vh 0;font-size:x-large;font-weight:700;position:relative}.quote{font-style:italic}.subtitle{z-index:1;padding:2vh 0;position:relative}.fade-in{opacity:0}.fade-in.in-view,.fade-in.fade-in-load{animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-cue{z-index:1;cursor:pointer;opacity:.6;background:0 0;border:none;align-self:center;font-size:1.5rem;transition:opacity .2s;position:relative}.scroll-cue:hover{opacity:1}.projects-cont{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;gap:5vh;min-height:100vh;display:flex;position:relative}.fade-in-inner{opacity:0}.fade-in-inner.in-view{animation:.8s forwards fadeIn}.stars-layer{z-index:-1;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:1;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:.6;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 drift3{0%{background-position:0 0}to{background-position:420px -320px}}@keyframes drift1{0%{background-position:0 0}to{background-position:-320px 220px}}@keyframes drift2{0%{background-position:0 0}to{background-position:400px -300px}}