.button{cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:1000px;justify-content:center;align-items:center;margin-top:3rem;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.button:hover{background:var(--text-primary);color:var(--bg-tertiary)}
.project-item{background:0 0;border-radius:0;grid-template-columns:58% 42%;align-items:center;gap:8rem;padding:3.5rem 0;display:grid;overflow:visible}.project-item:before{content:"";pointer-events:none;z-index:0;display:block;position:absolute;inset:0}.project-item.flipped{transform-origin:50%;transform:scaleX(-1)}.project-media{z-index:2;position:relative}.project-media:before{content:"";background:var(--bg-secondary);z-index:-2;opacity:1;pointer-events:none;border-radius:0 5rem;width:50%;max-width:38rem;height:80%;max-height:38rem;position:absolute;top:-6rem;left:-1.6rem;transform:translateZ(0)}.project-media:after{content:"";background:var(--bg-tertiary);z-index:-3;pointer-events:none;border-radius:0 5rem;width:50%;max-width:80vw;height:80%;max-height:80vh;position:absolute;bottom:-6rem;right:-1.6rem;transform:translateZ(0)}.project-media.flipped,.project-media.flipped:after,.project-media.flipped:before{transform-origin:50%;transform:scale(-1)}.project-media.flipped:before{background:var(--bg-primary);border:.4rem solid;border-color:var(--bg-secondary);border-radius:0 5rem}.project-media.flipped:after{background:var(--bg-primary);border:.4rem solid;border-color:var(--bg-tertiary);border-radius:0 5rem}.project-media img{object-fit:cover;border-radius:0 2.5rem;width:100%;max-width:780px;height:auto;display:block;transform:translateY(0)}.project-media.flipped img{border-radius:2.5rem 0;transform:scaleY(-1)}.project-body{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:2rem;display:flex}.project-body.flipped{transform:scaleX(-1)}.project-title{color:var(--text-primary);z-index:3;margin-bottom:3rem;padding:.45rem 1rem;font-size:2.2rem;font-weight:700;display:inline-block;position:relative}.project-title:after{content:"";border:.36rem solid var(--bg-tertiary);z-index:-1;border-radius:1.4rem 0;position:absolute;inset:-.22rem -.36rem}.project-title:before{content:"";background:var(--bg-secondary);transform-origin:50%;z-index:-2;border-radius:1.1rem 0;width:40%;height:80%;position:absolute;bottom:-.7rem;left:-1.2rem}.project-title.flipped:after,.project-title.flipped:before{transform-origin:50%;transform:scaleX(-1)}.project-title.flipped:after{background:var(--bg-tertiary)}.project-title.flipped:before{background:var(--bg-primary);border:solid;border-color:var(--bg-secondary);left:unset;right:-1.2rem}.project-desc{color:var(--text-primary);white-space:pre-line;margin:0;line-height:1.45}.project-btns{flex-direction:row;align-items:flex-start;gap:1rem;display:flex}.project-btn{border:3px solid;border-color:var(--bg-tertiary);border-radius:2rem;margin:0;padding:.75rem 1.6rem;font-size:1rem;font-weight:700}.project-btn.second-btn{background:var(--bg-primary);border:3px solid;border-color:var(--bg-tertiary)}.project-item.flipped{flex-direction:row-reverse}.project-item.flipped .project-media{justify-content:flex-end;padding-left:0;padding-right:2rem}.project-item.flipped .project-body{padding-left:2rem;padding-right:0}.projects-list{flex-direction:column;gap:6rem;display:flex;position:relative}.project-tech{flex-flow:row;justify-content:flex-start;gap:.5rem;margin:2.3rem -.5rem;display:flex}@media (max-width:480px){.project-item{grid-template-columns:1fr;align-items:start;gap:1.25rem;padding:1.75rem 0;position:relative}.project-item.flipped{flex-direction:column;transform:none}.project-item.flipped .project-media,.project-item.flipped .project-body{padding:0;transform:none}.project-media{order:1;width:100%;margin-top:5rem;padding:0}.project-media:before{border-radius:0 5rem;width:46vw;max-width:28rem;height:46vw;max-height:28rem;top:-2.5rem;left:-.9rem}.project-media:after{border-radius:0 5rem;width:46vw;max-width:80vw;height:46vw;bottom:-2.5rem;right:-.9rem}.project-media img,.project-media.flipped img{object-fit:cover;width:100%;max-width:100%;height:auto}.project-item.flipped .project-media.flipped{transform-origin:50%;transform:scaleY(-1)}.project-media.flipped:before{background:var(--bg-primary);border:.25rem solid;border-color:var(--bg-secondary);border-radius:0 5rem}.project-media.flipped:after{background:var(--bg-primary);border:.25rem solid;border-color:var(--bg-tertiary);border-radius:0 5rem}.project-media.flipped img{display:block;position:relative;left:50%;transform:translate(-50%)scaleY(-1)}.project-body{order:1;align-items:flex-start;margin-top:2.5rem;padding:0}.project-title{z-index:4;margin-bottom:0;padding:.35rem .75rem;font-size:1.4rem;position:absolute;top:.5rem;left:1rem}.project-title:after{border-width:.28rem;border-radius:1rem 0;inset:-.18rem -.28rem}.project-title:before{border-radius:.9rem 0;width:30%;height:66%;bottom:-.5rem;left:-.8rem}.project-title.flipped:before{left:unset;right:-.8rem}.project-desc{margin-bottom:.9rem;font-size:.95rem;line-height:1.45}.project-btns{flex-flow:wrap;align-items:center;gap:1rem;margin-top:.6rem;display:flex}.project-btn{border-radius:1.2rem;padding:.55rem 1rem;font-size:.95rem}.project-tech{flex-flow:wrap;gap:.5rem;margin:1.25rem -.35rem 0;display:flex}.projects-list{gap:1rem}.project-tech,.project-btns{flex-wrap:wrap;justify-content:center;align-items:center;margin:1rem auto;display:flex}.project-media:before,.project-media:after,.project-title:before,.project-title:after{pointer-events:none;box-sizing:border-box}}