.masonry-grid{gap:1rem;display:flex}.masonry-grid__col{flex-direction:column;flex:1;gap:0;display:flex}.project-tile-wrap{padding-bottom:1rem;display:block}.project-tile{background:var(--card);border-radius:var(--radius);padding:.75rem;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-tile-wrap:hover .project-tile{box-shadow:0 6px 20px #00000040, 0 4px 24px color-mix(in srgb, var(--accent) 75%, transparent);transform:translateY(-4px)}.project-tile__img{border-radius:calc(var(--radius) - .25rem);flex-direction:column;gap:.4rem;margin-bottom:.65rem;display:flex;overflow:hidden}.project-tile__img img{object-fit:cover;width:100%;height:auto;display:block}.project-tile .project-tile__title{font-family:var(--heading);color:var(--accent);margin:0 0 .4rem;font-weight:600;font-size:var(--project-title)!important}.project-tile__desc{font-size:var(--project-text);color:var(--sidebar-link-color);margin:0;line-height:1.45}.project-tile__divider{border:none;border-top:1px solid #80808040;margin:.6rem 0}.project-tile__footer{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex;overflow:hidden}.project-tile__btn{color:#fff;border-radius:calc(var(--radius) / 2);white-space:nowrap;background:#111;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.project-tile__btn:hover{background:var(--accent);color:#fff;opacity:1}.project-tile__btn--icon{padding:.3rem .5rem}.project-tile__tag{border:1px solid var(--accent);color:var(--font-col);border-radius:calc(var(--radius) / 2);white-space:nowrap;opacity:.85;padding:.2rem .5rem;font-size:.72rem;display:inline-block}@media (max-width:768px){.masonry-grid{gap:.75rem}}@media (max-width:480px){.masonry-grid{flex-direction:column}}