.portfolio .portfolio-filters-container{margin-bottom:40px}.portfolio .portfolio-filters{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding:0;margin:0;list-style:none}.portfolio .portfolio-filters li{font-size:15px;font-weight:500;padding:8px 20px;cursor:pointer;border-radius:4px;background-color:color-mix(in srgb, var(--surface-color), transparent 50%);color:var(--default-color);transition:all 0.3s ease-in-out}.portfolio .portfolio-filters li:hover{background-color:color-mix(in srgb, var(--accent-color), transparent 85%);color:var(--accent-color);transform:translateY(-2px)}.portfolio .portfolio-filters li.filter-active{background-color:var(--accent-color);color:var(--contrast-color)}.portfolio .portfolio-card{background-color:var(--surface-color);border-radius:15px;overflow:hidden;box-shadow:0 5px 25px rgba(0,0,0,0.05);transition:all 0.3s ease-in-out}.portfolio .portfolio-card:hover{transform:translateY(-10px);box-shadow:0 8px 35px rgba(0,0,0,0.1)}.portfolio .portfolio-card:hover .portfolio-overlay{opacity:1;visibility:visible}.portfolio .portfolio-card:hover .portfolio-overlay .portfolio-actions{transform:translateY(0)}.portfolio .portfolio-card .portfolio-image{position:relative;overflow:hidden;aspect-ratio:16/10}.portfolio .portfolio-card .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease-in-out}.portfolio .portfolio-card .portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.7), transparent);opacity:0;visibility:hidden;transition:all 0.4s ease-in-out;display:flex;align-items:flex-end;padding:20px}.portfolio .portfolio-card .portfolio-overlay .portfolio-actions{transform:translateY(20px);transition:all 0.4s ease-in-out;display:flex;gap:15px}.portfolio .portfolio-card .portfolio-overlay .portfolio-actions a{width:45px;height:45px;background-color:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:20px;transition:all 0.3s ease}.portfolio .portfolio-card .portfolio-overlay .portfolio-actions a:hover{background-color:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)}.portfolio .portfolio-card .portfolio-content{padding:25px}.portfolio .portfolio-card .portfolio-content .category{font-size:14px;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;font-weight:500;display:block;margin-bottom:10px}.portfolio .portfolio-card .portfolio-content h3{font-size:20px;margin:0 0 15px;font-weight:600;transition:color 0.3s ease}.portfolio .portfolio-card .portfolio-content h3:hover{color:var(--accent-color)}.portfolio .portfolio-card .portfolio-content p{font-size:15px;color:color-mix(in srgb, var(--default-color), transparent 30%);margin:0;line-height:1.6}@media (max-width: 768px){.portfolio .portfolio-filters li{font-size:14px;padding:6px 15px}.portfolio .portfolio-card .portfolio-content{padding:20px}.portfolio .portfolio-card .portfolio-content h3{font-size:18px}.portfolio .portfolio-card .portfolio-content p{font-size:14px}}