@layer page{main{padding-top:10vh;min-width:0;max-width:1250px}.link a{display:block}.link a:hover{text-decoration:underline;font-style:italic}.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}.works{padding-top:0;flex:1;min-height:0;overflow-y:scroll;scroll-snap-type:y mandatory;margin:0}.title{position:relative;padding:6vh 8vw;scroll-snap-align:start}.projectCard{height:100%;width:100vw;justify-self:center;display:flex;justify-content:flex-start;margin-bottom:0;position:relative;scroll-snap-align:start;scroll-snap-type:always;overflow:hidden}.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}.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{text-decoration:none;font-family:DM Mono,monospace;font-size:1.3rem;display:none;justify-content:center;align-items:center;background-color:transparent;width:15rem;height:5rem;margin-bottom:-2px;text-wrap:nowrap;box-sizing:border-box;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;text-decoration:underline;background-color:#000}@media(min-width:701px){.works{padding-top:10vh;overflow-y:visible;scroll-snap-type:none}.title{padding:0 0 8vh;position:static;scroll-snap-align:none}.projectCard{height:75vh;width:100%;margin-bottom:10vh;position:static;scroll-snap-align:none;scroll-snap-type:none;overflow:visible}.projectCard:nth-child(2n of.projectCard){text-align:right;justify-content:flex-end;flex-direction:row-reverse}.projectCard:nth-child(2n of.projectCard) .pills{flex-direction:row-reverse}.projectCard .image-container{width:auto;height:auto;display:block;justify-content:normal}.image-container img{flex:0 1 auto}.projectCard .text-container{position:static;background:none;color:inherit;width:auto;z-index:auto;padding-top:6vh}.projectButton{display:inline-flex;color:#000;border:none;border-radius:0}.projectButton:hover{color:#000;border:2px solid black;border-radius:10px;text-decoration:underline;background-color:transparent}}}