.project{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;max-width:100%;margin:20px 0;padding:24px;border-radius:8px;background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.06);text-align:left;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.project:first-child{margin-top:0}.project:last-child{margin-bottom:0}.project:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-color:rgba(99,102,241,0.15)}.project[data-style="rich"]{padding:24px;border:1px solid rgba(0,0,0,0.06)}.project .project_image{width:120px;height:120px;max-width:100%;flex-shrink:0;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-radius:8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.project .project_image img{object-fit:cover;width:100%;height:100%;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.project .project_image:hover{transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.project .project_text{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:12px;width:calc(100% - 140px);flex-grow:1;min-width:0}.project .project_text .project_title{font-weight:600;font-size:1.1rem;line-height:1.4;color:inherit;opacity:0.95}.project .project_text .project_title a{color:inherit;transition:color 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.project .project_text .project_title a:hover{color:#283593}.project .project_text .project_authors{font-size:0.95rem;opacity:0.85;line-height:1.5}.project .project_text .project_authors.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project .project_text .project_details{font-size:0.9rem;opacity:0.7;font-style:italic}.project .project_text .tags{justify-content:flex-start;margin:0;flex-wrap:wrap}.project .project_text .project_links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project .project_text .project_links .link{margin:0;font-size:0.85rem}@media (max-width: 500px){.project{padding:20px;gap:16px}.project .project_image{width:80px;height:80px}.project .project_text{width:100%;gap:10px}.project .project_text .project_title{font-size:1rem;word-break:break-word}.project .project_text .project_authors{font-size:0.9rem}.project .project_text .project_details{font-size:0.85rem}}