.portfolio-hero{text-align:center;background:#0a0a0f;padding:160px 0 60px;position:relative;overflow:hidden}.portfolio-hero-bg-grid{pointer-events:none;background-image:linear-gradient(#fc67230f 1px,#0000 1px),linear-gradient(90deg,#fc67230f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.portfolio-hero-glow{pointer-events:none;background:radial-gradient(#fc67232e 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.portfolio-hero .container{z-index:2;position:relative}.portfolio-hero-tag{color:#fc6723;letter-spacing:.08em;text-transform:uppercase;background:#fc67231f;border:1px solid #fc67234d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.portfolio-hero h1{color:#fff;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.15}.portfolio-hero p{color:#ffffffa6;max-width:640px;margin:0 auto;font-size:1.15rem;line-height:1.7}.portfolio-categories{background:#0d0d14;border-bottom:1px solid #ffffff0f;padding:40px 0 0}.portfolio-categories .container{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding-bottom:20px;display:flex}.portfolio-cat-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:6px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.portfolio-cat-btn:hover,.portfolio-cat-btn.active{color:#fc6723;background:#fc672326;border-color:#fc672380}.cat-count{color:#ffffff73;background:#ffffff14;border-radius:20px;padding:2px 7px;font-size:.72rem}.portfolio-cat-btn.active .cat-count{color:#fc6723;background:#fc672333}.portfolio-main{background:#0d0d14;min-height:400px;padding:60px 0 80px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.portfolio-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.5s both cardFadeIn;display:block;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.portfolio-card:hover{border-color:#fc672340;transform:translateY(-6px);box-shadow:0 16px 40px #0006}.portfolio-card-img{aspect-ratio:4/3;background:#ffffff0a;position:relative;overflow:hidden}.portfolio-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card:hover .portfolio-card-img img{transform:scale(1.05)}.portfolio-card-placeholder{color:#ffffff26;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.portfolio-card-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.btn-visit-site{color:#fff;background:#fc6723;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-visit-site:hover{background:#e5571a;transform:scale(1.05)}.portfolio-card-body{padding:18px 20px 20px}.portfolio-card-body h3{color:#fff;margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.3}.portfolio-card-tags{flex-wrap:wrap;gap:6px;display:flex}.portfolio-tag{text-transform:uppercase;letter-spacing:.06em;color:#fc6723;background:#fc67231a;border:1px solid #fc672340;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:600}.skeleton-card .portfolio-card-img{background:#ffffff0f}.skeleton-card .portfolio-card-body{padding:18px 20px}.skeleton-line{background:#ffffff0f;border-radius:6px;height:14px;margin-bottom:10px}.skeleton-line-title{width:70%;height:18px}.skeleton-line-short{width:40%}.skeleton-pulse{animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.portfolio-empty{text-align:center;padding:80px 20px}.portfolio-empty i{color:#ffffff26;margin-bottom:20px;font-size:3rem}.portfolio-empty h3{color:#fff;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.portfolio-empty p{color:#ffffff80;margin-bottom:24px}.btn-reset-filter{color:#fc6723;cursor:pointer;background:#fc67231f;border:1px solid #fc672380;border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-reset-filter:hover{color:#fff;background:#fc6723}.portfolio-loading-more{color:#ffffff80;justify-content:center;align-items:center;gap:12px;padding:40px 0 10px;font-size:.9rem;display:flex}.portfolio-spinner{border:3px solid #fc672333;border-top-color:#fc6723;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portfolio-all-loaded{text-align:center;color:#ffffff59;padding:40px 0 10px;font-size:.85rem}@media (max-width:960px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:600px){.portfolio-hero{padding:130px 0 40px}.portfolio-hero p{font-size:1rem}.portfolio-grid{grid-template-columns:1fr;gap:16px}.portfolio-main{padding:40px 0 60px}}