.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; } }

/*# sourceMappingURL=project.css.map */