.projects-list{display:flex;flex-direction:column;gap:1.75rem;margin:2.25rem 0}.project-card{display:flex;flex-direction:row;width:100%;border:1px solid rgba(127,127,127,.18);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-3px);border-color:rgba(127,127,127,.4);box-shadow:0 6px 20px rgba(0,0,0,.12);text-decoration:none}.project-card-img{display:block;flex:0 0 42%;align-self:center;width:42%;height:auto;border-right:1px solid rgba(127,127,127,.12)}.project-card-body{flex:auto;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1.75rem}.project-card-title{margin:0 0 .6rem;font-size:1.6rem;line-height:1.2}.project-card-summary{margin:0 0 1rem;font-size:1rem;line-height:1.55;opacity:.8}@media only screen and (max-width:640px){.project-card{flex-direction:column}.project-card-img{flex-basis:auto;width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(127,127,127,.12)}}.project-card-tech{margin:0;font-family:var(--mono-font,"Fira Code","Roboto Mono",Menlo,monospace);font-size:.85rem;letter-spacing:.02em;opacity:.6}.project-single .project-card-tech{margin:.6rem 0 0;font-size:.95rem}.project-live-cta{margin:1.25rem 0 1.75rem}.project-live-btn{display:inline-block;padding:.5rem 1.25rem;border:1px solid;border-radius:6px;font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none}.project-live-btn:hover,.project-live-btn:focus{background:rgba(127,127,127,.12);text-decoration:none}.project-back{margin-top:2.5rem;font-size:.95rem}