.c-Loading{display:flex;justify-content:center;align-items:center;padding:3rem;min-height:250px}.c-Loading.hidden{display:none}.c-Loading-content{text-align:center}.c-Loading-spinner{margin:0 auto 1.5rem;width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.c-Loading-icon{width:100%;height:100%;color:#dd8254;animation:loading-rotate 2s linear infinite;position:absolute;top:0;left:0}.c-Loading-path{stroke-dasharray:90, 150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:3}.c-Loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.c-Loading-logoSvg{width:35px;height:auto;color:#2d4748;opacity:1}.c-Loading-text{margin:0;color:#666;font-size:1rem;font-weight:500}@keyframes loading-rotate{100%{transform:rotate(360deg)}}

.results-counter{padding:1rem 0;font-weight:600;color:#333;transition:opacity 0.2s ease-in-out}.results-counter.updating{opacity:0.6}

.c-ProjectFilters-toggle{position:relative;display:inline-block}.c-ProjectFilters-badge{position:absolute;top:-8px;right:-8px;background-color:#2d4748;color:white;border-radius:50%;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;z-index:10;animation:badge-appear 0.3s ease-out}.c-ProjectFilters-badge-count{padding:0 1px}@keyframes badge-appear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}@media (max-width: 768px){.c-ProjectFilters-badge{top:-6px;right:-6px;min-width:18px;height:18px;font-size:10px}}

.c-ProjectCard-img{transition:opacity 0.3s ease-in-out, filter 0.3s ease-in-out}.c-ProjectCard-img.lazy-loading{opacity:0.7;filter:blur(2px)}.c-ProjectCard-img.lazy-loaded{opacity:1;filter:none}.c-ProjectCard-img.lazy-error{opacity:0.5;filter:grayscale(100%);position:relative}.c-ProjectCard-img.lazy-error::after{content:'🖼️';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;color:var(--color-text-muted, #666)}.c-ProjectCard-image{position:relative;overflow:hidden;background-color:var(--color-background-subtle, #f5f5f5)}.c-ProjectCard-image:has(.lazy-loading)::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation:pulse-loading 1.5s infinite;z-index:1}@keyframes pulse-loading{0%{left:-100%}50%{left:0%}100%{left:100%}}.c-ProjectCard.loading-skeleton .c-ProjectCard-image{background:linear-gradient(90deg, var(--color-background-subtle, #f5f5f5) 25%, var(--color-background-muted, #e0e0e0) 50%, var(--color-background-subtle, #f5f5f5) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.c-ProjectCard.loading-skeleton .c-ProjectCard-image img{opacity:0}.c-ProjectCard.loading-skeleton .c-ProjectCard-content .c-ProjectCard-label{background-color:var(--color-background-muted, #e0e0e0);color:transparent;border-radius:4px;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.c-ProjectCard-img{transition:opacity 0.1s ease-in-out}.c-ProjectCard-img.lazy-loading{filter:none}.c-ProjectCard-image::before,.c-ProjectCard.loading-skeleton .c-ProjectCard-image,.c-ProjectCard.loading-skeleton .c-ProjectCard-label{animation:none}}@media (max-width: 768px){.c-ProjectCard-img.lazy-loading{filter:none}}

.c-ProjectCard--skeleton{position:relative;pointer-events:none;animation-delay:calc(var(--index, 0) * 0.15s)}.c-ProjectCard--skeleton::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);animation:skeleton-shimmer 1.8s infinite;z-index:2;border-radius:inherit}.c-ProjectCard--skeleton .c-ProjectCard-link{cursor:default}.c-SkeletonCard-img{width:100%;height:100%;background:#e9ecef;border-radius:8px;position:relative;aspect-ratio:4/3}@media (max-width: 768px){.c-SkeletonCard-img{aspect-ratio:16/10}}.c-SkeletonCard-label{display:block;height:16px;background:#e9ecef;border-radius:4px;width:80%;margin-bottom:8px}.c-ProjectCard--skeleton:nth-child(2n) .c-SkeletonCard-label{width:70%}.c-ProjectCard--skeleton:nth-child(3n) .c-SkeletonCard-label{width:90%}.c-ProjectCard--skeleton:nth-child(4n) .c-SkeletonCard-label{width:65%}.c-SkeletonCard-icon{display:block;width:24px;height:24px;background:#e9ecef;border-radius:50%;flex-shrink:0}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.c-ProjectCard--skeleton .c-ProjectCard-link:hover,.c-ProjectCard--skeleton .c-ProjectCard-link:focus{transform:none;box-shadow:none}.c-ProjectCard--skeleton .c-ProjectCard-img{display:none}.c-ProjectCard--skeleton .c-SkeletonCard-img,.c-ProjectCard--skeleton .c-SkeletonCard-label,.c-ProjectCard--skeleton .c-SkeletonCard-icon{background-color:#e9ecef;position:relative;overflow:hidden}.c-ProjectCard--skeleton{opacity:0;animation:skeleton-fade-in 0.3s ease-out forwards;animation-delay:calc(var(--index, 0) * 0.1s);transition:opacity 0.4s ease-out}@keyframes skeleton-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-ProjectCard--skeleton.is-fading-out{opacity:0;pointer-events:none}.c-ProjectCard--transitioning{opacity:0;animation:real-card-fade-in 0.6s ease-out forwards}@keyframes real-card-fade-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.c-SkeletonCard-label{height:14px;margin-bottom:6px}.c-SkeletonCard-icon{width:20px;height:20px}}


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