main{padding-top:10vh;min-width:0;max-width:1250px}.title{padding:0 0 8vh}.link a{display:block}.link a:hover{text-decoration:underline;font-style:italic}.projectCard{height:75vh;width:100%;justify-self:center;display:flex;justify-content:flex-start;margin-bottom:10vh}.projectCard .image-container{flex:1 1 0}.projectCard .image-container img{justify-self:end;height:100%;width:100%;object-fit:cover}.projectCard .text-container{flex:0 0 50%;padding:6vh 5vw 8vh;overflow:visible;min-height:100px;box-sizing:border-box}.right{text-align:right;justify-content:flex-end;flex-direction:row-reverse}.right *{flex-direction:row-reverse}.projectButton{text-decoration:none;color:#000;font-family:DM Mono,monospace;font-size:1.3rem;display:inline-flex;justify-content:center;align-items:center;background-color:transparent;width:15rem;height:5rem;margin-bottom:-2px;text-wrap:nowrap;box-sizing:border-box}.projectButton:hover{color:#000;border:2px solid black;border-radius:10px;text-decoration:underline}.pills{display:flex;flex-wrap:wrap;margin-bottom:2rem;gap:4px}.pills p{border-radius:10px;background-color:#000;color:#d9d4d4;padding:10px;margin-bottom:0}body{width:100%;display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0 5vw;min-height:100vh;box-sizing:border-box}.landing{display:block;flex:1 1 auto;max-width:50%;gap:2rem;min-width:560px}.three-container{order:2;width:1000px;height:100%;position:relative;align-items:center}.three-container canvas{position:absolute;left:450px;translate:-50% 0;width:1400px;height:100%}@media(max-width:1000px){body{display:block}}@media(max-width:700px){html{overflow-y:hidden}body{padding:0;display:flex;flex-direction:column;gap:0}.works{padding-top:0;height:calc(100dvh - 64px);overflow-y:scroll;scroll-snap-type:y mandatory;margin:0}.works footer{display:none}.title{position:relative;padding:6vh 8vw;scroll-snap-align:start}.projectCard{position:relative;height:calc(100dvh - 64px);height:100%;width:100vw;margin-bottom:0;scroll-snap-align:start;scroll-snap-type:always;overflow:hidden}.projectCard .image-container{width:100%;height:100%;display:flex;justify-content:center}.image-container img{object-fit:cover;flex:1}.projectCard .text-container{position:absolute;bottom:0;background:linear-gradient(to top,#00000080 40%,#0000);color:#fff;width:100%;z-index:2;box-sizing:border-box;padding-top:10vh}.projectButton{display:none;color:var(--color-neutral);border:2px solid var(--color-neutral);border-radius:10px}.projectButton:hover{color:var(--color-neutral);border:2px solid var(--color-neutral);border-radius:10px;background-color:#000}}