#work-section{margin:0 auto;max-width:1400px;min-height:60vh;padding:2rem 5vw}.tags-bar{display:flex;gap:.75rem;overflow-x:auto;padding:1rem 0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.tags-bar::-webkit-scrollbar{display:none}.tag-filter{background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#eaeaea);border-radius:99px;color:var(--color-text-soft,#555);flex-shrink:0;font-weight:500;padding:.5rem 1.25rem;text-transform:capitalize;transition:var(--transition-speed,.3s ease-in-out)}.tag-filter:hover{border-color:var(--color-text,#1a1a1a);color:var(--color-text,#1a1a1a)}.tag-filter.active{background-color:var(--color-accent,#036);border-color:var(--color-accent,#036);color:var(--color-bg,#fff)}.project-grid{display:grid;gap:2rem;grid-template-columns:1fr}.project-card.hidden{display:none}.project-card{animation:fadeIn .5s ease;border-radius:var(--radius-cards,12px);box-shadow:var(--shadow-cards,0 4px 12px rgba(0,0,0,.05));cursor:pointer;display:block;overflow:hidden;position:relative;transition:transform var(--transition-speed,.3s ease-in-out),box-shadow var(--transition-speed,.3s ease-in-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{box-shadow:var(--shadow-hover,0 6px 16px rgba(0,0,0,.08));transform:translateY(-5px)}.card-image-wrapper{aspect-ratio:16/10;background-color:#f0f0f0}.card-image-wrapper img{height:100%;object-fit:cover;width:100%}.card-image-wrapper picture{display:block;height:100%;width:100%}.card-image-wrapper picture img{height:100%;object-fit:cover;width:100%}.card-content{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;color:#fff;left:0;opacity:0;padding:2.5rem 1.5rem 1.5rem;position:absolute;right:0;transform:translateY(10px);transition:opacity var(--transition-speed,.3s ease-in-out),transform var(--transition-speed,.3s ease-in-out)}.project-card:hover .card-content{opacity:1;transform:translateY(0)}.card-title{font-size:1.25rem;font-weight:700}.card-tags{font-size:.9rem;margin-top:.25rem;opacity:.8;text-transform:capitalize}.load-more-container{padding:2rem 0;text-align:center}#load-more-btn{background-color:transparent;border:2px solid var(--color-text,#1a1a1a);border-radius:8px;color:var(--color-text,#1a1a1a);font-size:1rem;font-weight:500;padding:.8rem 2.5rem;transition:var(--transition-speed,.3s ease-in-out)}#load-more-btn:hover{background-color:var(--color-text,#1a1a1a);color:var(--color-bg,#fff)}#load-more-btn.hidden,.load-more-container.hidden,.project-grid.hidden,.tags-bar.hidden,main.view-detail .load-more-container,main.view-detail .project-grid,main.view-detail .tags-bar{display:none}main.view-detail .project-detail{animation:fadeIn .5s ease-in-out;display:block}@media (min-width:768px){.project-grid{grid-template-columns:1fr 1fr}}