.portfolio-tag { transition: border-color 0.2s ease, color 0.2s ease !important; }
.portfolio-tag:hover { border-color: #9ca3af !important; color: #111 !important; }
.case-button { transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; }
.case-button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(212, 82, 58, 0.4) !important; background: #c44832 !important; }
.case-button svg { transition: transform 0.2s ease !important; }
.case-button:hover svg { transform: translate(2px, -2px) !important; }
@keyframes dentalPortfolioSlideUp { 0% { opacity: 0; transform: translateY(60px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
#realestate-portfolio .portfolio-article { will-change: opacity, transform; }
#realestate-portfolio .portfolio-article.animate { animation: dentalPortfolioSlideUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards !important; }
#realestate-portfolio .portfolio-container { max-width: 100%; }
@media (min-width: 1024px) { #realestate-portfolio .portfolio-container { max-width: 90%; } }
@media (max-width: 768px) { #realestate-portfolio .realestate-grid { grid-template-columns: 1fr !important; gap: 48px !important; } #realestate-portfolio .floating-badge { display: none !important; } #realestate-portfolio .portfolio-card { cursor: pointer !important; } #realestate-portfolio .portfolio-container { padding: 0 16px 72px !important; } }