.portfolio-card-skeleton{background:#fff;border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}@media (max-width:768px){.portfolio-card-skeleton{border-radius:12px}}.portfolio-card-skeleton__image-container{aspect-ratio:16/9;background-color:#f8f9fa;width:100%;position:relative;overflow:hidden}.portfolio-card-skeleton__image{background:linear-gradient(90deg,#f1f1f1 0%,#e5e5e5 50%,#f1f1f1 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s ease-in-out infinite shimmer}.portfolio-card-skeleton__content{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}@media (max-width:768px){.portfolio-card-skeleton__content{gap:.5rem;padding:1rem}}.portfolio-card-skeleton__header{align-items:center;gap:.75rem;display:flex}.portfolio-card-skeleton__line{background:linear-gradient(90deg,#f1f1f1 0%,#e5e5e5 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}.portfolio-card-skeleton__line--title{flex:1;max-width:55%;height:1.575rem}@media (max-width:768px){.portfolio-card-skeleton__line--title{height:1.4rem}}.portfolio-card-skeleton__line--meta{flex-shrink:0;width:90px;height:1.575rem}@media (max-width:768px){.portfolio-card-skeleton__line--meta{width:78px;height:1.4rem}}.portfolio-card-skeleton__tags{gap:.5rem;display:flex}.portfolio-card-skeleton__tag{background:linear-gradient(90deg,#f1f1f1 0%,#e5e5e5 50%,#f1f1f1 100%) 0 0/200% 100%;border-radius:100px;width:3.5rem;height:1.5rem;animation:1.5s ease-in-out infinite shimmer}@media (max-width:768px){.portfolio-card-skeleton__tag{width:3rem;height:1.2875rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.portfolio-card-skeleton__image,.portfolio-card-skeleton__line,.portfolio-card-skeleton__tag{background:#e5e5e5;animation:none}}@media (max-width:768px){.portfolio-card-skeleton__image,.portfolio-card-skeleton__line,.portfolio-card-skeleton__tag{background:#e5e5e5;animation:none}}
.portfolio-listing{background-color:#fff;position:relative}.portfolio-listing__header{border-bottom:none;flex-direction:column;gap:1rem;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.portfolio-listing .section-padding.section-padding--default{padding-bottom:2rem}@media (max-width:768px){.portfolio-listing .section-padding.section-padding--default{padding-bottom:1.5rem}}.portfolio-listing__description{color:#888;max-width:600px;margin:0;font-size:1rem;line-height:1.6}.portfolio-listing__filters{z-index:100;background-color:#fff;width:100%;position:sticky;top:90px}@media (max-width:1024px) and (min-width:769px){.portfolio-listing__filters{top:72px}}@media (max-width:768px){.portfolio-listing__filters{top:68px}}.portfolio-listing__filters:after{content:"";background:linear-gradient(90deg,#0000,#e5e5e5 10% 90%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.portfolio-listing__filters-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem}@media (max-width:768px){.portfolio-listing__filters-inner{padding:.75rem 1rem}}.portfolio-listing__categories{margin-bottom:.5rem}@media (max-width:768px){.portfolio-listing__categories{margin-bottom:.375rem}}.portfolio-listing__categories button{padding:.625rem 1.25rem!important;font-size:.8125rem!important}@media (max-width:768px){.portfolio-listing__categories button{padding:.5rem 1rem!important;font-size:.75rem!important}}.portfolio-listing__tags{margin-bottom:0}.portfolio-listing__tags button{padding:.375rem .75rem!important;font-size:.75rem!important}@media (max-width:768px){.portfolio-listing__tags button{padding:.3125rem .625rem!important;font-size:.6875rem!important}}.portfolio-listing__grid{min-height:400px;position:relative}.tags-scroll-container{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem;overflow:auto hidden}.tags-scroll-container::-webkit-scrollbar{display:none}.portfolio-grid{grid-gap:2rem;grid-template-columns:repeat(2,1fr);gap:2rem;animation:.3s ease-out fadeIn;display:grid}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-listing__category-btn{color:#666;background-color:#0000;border:1px solid #e0e0e0}.portfolio-listing__category-btn:hover:not(.portfolio-listing__category-btn--active){background-color:#f5f5f5}.portfolio-listing__category-btn--active{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.portfolio-listing__tag-btn{color:#666;background-color:#f5f5f5}.portfolio-listing__tag-btn:hover:not(.portfolio-listing__tag-btn--active){background-color:#ebebeb}.portfolio-listing__tag-btn--active{color:#1a1a1a;background-color:#f1dfc2}.portfolio-listing__load-more-wrapper{justify-content:center;margin-top:4rem;margin-bottom:2rem;display:flex}.portfolio-listing__load-more-btn{color:#1a1a1a;cursor:pointer;background-color:#0000;border:1px solid #e0e0e0;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.portfolio-listing__load-more-btn:hover:not(.portfolio-listing__load-more-btn--loading){color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.portfolio-listing__load-more-btn--loading{color:#999;cursor:not-allowed}.portfolio-listing__spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}