.portfolio-page{background:#000;color:#fff;min-height:100vh}@keyframes pf-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.pf-skel-card,.pf-skel-line,.pf-skel-btn{background:linear-gradient(90deg,#ffffff0a 25%,#9dfc5a12,#ffffff0a 75%);background-size:1000px 100%;animation:pf-shimmer 1.6s ease-in-out infinite;border-radius:8px}.pf-skel-card{width:100%;height:100%;border-radius:16px;border:2px solid rgba(157,252,90,.08)!important}.pf-skel-line{display:block;border-radius:6px}.pf-skel-btn{width:140px;height:44px;border-radius:50px}.pf-skel-info{display:flex!important;flex-direction:column}.portfolio-grid-header{text-align:center;margin-bottom:2rem}.portfolio-grid-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#9dfc5a;margin-bottom:1.5rem}.portfolio-hero{padding:6rem 0 1rem!important}.portfolio-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.3;color:#fff}.portfolio-subtitle{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;color:#888;max-width:800px;margin-left:auto;margin-right:auto}.filter-buttons{max-width:900px;margin-left:auto;margin-right:auto}.filter-btn{padding:.5rem 1.5rem;background:transparent;color:#888;border:1px solid #1a1a1a;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;white-space:nowrap}.filter-btn:hover{border-color:#9dfc5a;color:#9dfc5a;background:#9dfc5a0d}.filter-btn.active{background:#9dfc5a;color:#000;border-color:#9dfc5a}@media (max-width: 992px){.portfolio-hero{padding:3rem 0 2rem!important}.portfolio-title{font-size:2.2rem}}@media (max-width: 768px){.portfolio-hero{padding:2.5rem 0 2rem!important}.portfolio-title{font-size:1.8rem}.portfolio-subtitle{font-size:.95rem}.filter-buttons{gap:1rem!important}.filter-btn{padding:.4rem 1rem;font-size:.85rem}}.smoke-particles-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0!important;overflow:hidden;mix-blend-mode:screen;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.smoke-particles-container canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important}.sc-root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.sc-slide-container{position:relative;margin-top:1.5rem}.sc-track{display:flex;width:fit-content}.sc-slide{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;will-change:transform}.sc-title{font-size:.875rem;font-weight:600;white-space:nowrap;color:#fffc;letter-spacing:.025em}.sc-img-wrapper{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.sc-img{width:100%;height:100%;object-fit:contain;transition:filter .3s;will-change:transform}.sc-img.inactive{filter:brightness(.6)}.sc-img.clickable{cursor:pointer}.sc-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 3px #9dfc5ab3}.sc-controls{margin-top:2rem;display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-radius:9999px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px #0000001a}.sc-arrow{padding:.5rem;border-radius:9999px;transition:all .3s;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.sc-arrow:hover{background-color:#fff3}.sc-arrow:disabled{opacity:.3;cursor:not-allowed}.sc-dots{display:flex;align-items:center;gap:.375rem}.sc-dot{height:.5rem;border-radius:9999px;background-color:#9dfc5a;cursor:pointer;border:none;min-width:8px}.sc-counter{margin-top:.75rem;font-size:.75rem;color:#aaa;font-weight:500;font-variant-numeric:tabular-nums}