.portfolio-hero-carousel{position:relative;height:75vh;width:calc(100% + 40px);left:-20px;overflow:hidden;background:#000}.portfolio-page-title{position:absolute;top:90px;z-index:200}.portfolio-carousel-track{height:100%;display:flex;transition:transform .8s cubic-bezier(.7, 0, .3, 1)}.portfolio-carousel-item{min-width:100%;height:100%;position:relative;overflow:hidden}.portfolio-carousel-img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%;left:0;filter:brightness(.6)}.portfolio-carousel-caption{position:absolute;bottom:20%;left:10%;z-index:10;max-width:600px;animation:portfolioFadeUp 1s ease}@keyframes portfolioFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-carousel-caption h2{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(to right,#fff,var(--accent-1));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-main-container{display:flex;max-width:calc(100% - 20px);padding:0 20px 0 0;gap:20px}.portfolio-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-surface1);border-right:1px solid var(--portfolio-glass-border);position:relative;box-shadow:2px 0 15px 0 rgba(0,0,0,.2)}.portfolio-sidebar-inner{backdrop-filter:blur(12px);padding:20px;position:sticky;top:70px;transition:var(--portfolio-transition);margin-top:-30px;margin-bottom:50px}.portfolio-filter-group{margin-bottom:20px}.portfolio-filter-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem}.portfolio-search-wrapper{position:relative}.portfolio-input{width:100%;background:var(--bg-surface2);border:1px solid var(--border-main);color:var(--text-main);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;outline:0;transition:var(--portfolio-transition)}.portfolio-input:hover{border-color:var(--accent-1);transition:50ms ease}.portfolio-input:focus{border-color:var(--accent-1);box-shadow:box-shadow:0px 0 8px 0 var(--accent-1)}.portfolio-clear-search{position:absolute;right:7px;top:50%;transform:translateY(-53%);display:none;cursor:pointer;border:none;padding:5px 9px 5px 9px;border-radius:4px;background:var(--accent-1);color:#fff;font-size:1rem}.portfolio-select{width:100%;background:var(--bg-surface2);border:1px solid var(--border-main);color:var(--text-main);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;outline:0;transition:var(--portfolio-transition)}.portfolio-select:hover{border-color:var(--accent-1);transition:50ms ease}.portfolio-select:focus{border-color:var(--accent-1);box-shadow:box-shadow:0px 0 8px 0 var(--accent-1)}.portfolio-toggle-group{display:flex;background:var(--bg-surface2);border-radius:8px;padding:4px}.portfolio-toggle-btn{flex:1;padding:8px;border:none;background:0 0;color:var(--text-main);cursor:pointer;border-radius:6px;transition:var(--portfolio-transition)}.portfolio-toggle-btn.active{background:var(--accent-1);color:#fff}.portfolio-reset-btn{margin-top:100px;display:block;width:100%;padding:.8rem;background:var(--bg-surface1);border:1px solid var(--border-main);color:var(--text-main);font-weight:600;cursor:pointer;text-align:center;text-decoration:none;font-size:.9rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.portfolio-reset-btn:hover{background:var(--bg-surface2);color:var(--text-main)}.portfolio-reset-btn:active{filter:brightness(.9)}.portfolio-content{flex-grow:1;padding:0}.portfolio-pagination{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-surface2);width:calc(100% + 40px);left:-20px}.portfolio-page-info{font-size:.9rem;color:var(--text-main);font-weight:500}.portfolio-pagination-controls{display:flex;gap:4px}.portfolio-page-btn{background:var(--bg-surface1);border:1px solid var(--border-main);color:var(--text-main);padding:.5rem 1rem;cursor:pointer;font-size:.8rem;transition:.2s;border-radius:4px}.portfolio-page-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--text-main)}.portfolio-page-btn:active:not(:disabled){filter:brightness(.9);transition:50ms}.portfolio-page-btn:disabled{opacity:.3;cursor:not-allowed}.clear-filter-button-mobile{position:fixed;top:17px;right:200%;z-index:100;background:linear-gradient(320deg,var(--accent-1) 0,var(--accent-2) 100%);border:none;color:#fff;padding:10px 16px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;display:none}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;margin-bottom:20px;margin-top:20px;min-height:420px}.portfolio-grid.list-view{grid-template-columns:1fr;gap:10px}.portfolio-card{background:var(--bg-surface1);border:1px solid var(--border-main);border-radius:var(--portfolio-radius);overflow:hidden;transition:var(--portfolio-transition);cursor:pointer;position:relative;display:flex;flex-direction:column}.portfolio-grid.list-view .portfolio-card{flex-direction:row;max-height:300px;align-items:center}.portfolio-card:hover .portfolio-mini-btn{border-color:var(--accent-1);transition:.3s ease}.portfolio-card:hover{box-shadow:0 0 16px rgba(0,0,0,.4);transition:.15s ease}.portfolio-card-img-wrapper{overflow:hidden;flex-shrink:0}.portfolio-grid.list-view .portfolio-card-img-wrapper{width:240px;height:100%}.portfolio-card-img{width:100%;height:200px;object-fit:cover;transition:.5s ease!important;display:block}.portfolio-card-img:hover{transform:scale(1.1);transition:.3s ease-out!important}.portfolio-grid.list-view .portfolio-card-img{height:100%}.portfolio-card-content{padding:20px;flex-grow:1}.portfolio-card-tag{font-size:.7rem;color:var(--accent-1);text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:8px;display:block}.portfolio-card h3{margin-bottom:10px;font-size:1.25rem;color:var(--text-main)}.portfolio-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.05rem}.portfolio-mini-btn{padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:all .4s;display:block;background:var(--bg-surface1);border:1px solid var(--border-main);color:var(--text-main);cursor:pointer;text-align:center;text-decoration:none;font-size:.8rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.portfolio-mini-btn:hover{background:var(--accent-1);border:1px solid var(--accent-1);color:#fff;transition:all .1s}.portfolio-mobile-trigger{display:none;position:fixed;top:17px;right:60px;z-index:100;background:linear-gradient(320deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.4) 100%);border:none;color:#fff;padding:10px 16px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.portfolio-mobile-close{display:none;position:absolute;top:20px;right:20px;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.portfolio-footer{background:#070b14;padding:80px 20px;text-align:center;border-top:1px solid var(--portfolio-glass-border)}.portfolio-footer h2{font-size:2.5rem;margin-bottom:20px}.portfolio-footer p{color:var(--portfolio-text-muted);max-width:600px;margin:0 auto 40px}.portfolio-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:999;display:none}.portfolio-overlay.active{display:block}@media (max-width:1023px){.clear-filter-button-mobile{display:block;position:fixed;top:17px;right:157px;z-index:100;border:none;color:#fff;padding:3px 12px 6px 12px;border-radius:4px;font-size:1.2rem;font-weight:1000;cursor:pointer}.portfolio-sidebar{position:absolute;top:var(--nav-height);right:-100%;height:calc(100% - var(--nav-height));width:80%;max-width:420px;z-index:1000;transition:right .4s cubic-bezier(.7, 0, .3, 1)}.portfolio-sidebar.active{right:0}.portfolio-sidebar-inner{height:calc(100% + 30px);border-radius:0;position:relative;top:0;overflow-y:auto;padding-top:70px}.portfolio-mobile-close,.portfolio-mobile-trigger{display:block}.portfolio-carousel-caption h2{font-size:2.2rem}.portfolio-grid.list-view .portfolio-card{flex-direction:column;height:auto}.portfolio-grid.list-view .portfolio-card-img-wrapper{width:100%;height:200px}.portfolio-sidebar{position:fixed;top:var(--nav-height);right:-100%;height:calc(100% - var(--nav-height));width:80%;max-width:420px;z-index:1000;transition:right .4s cubic-bezier(.7, 0, .3, 1)}.portfolio-sidebar.active{right:0}.portfolio-sidebar-inner{height:calc(100% + 30px);border-radius:0;position:relative;top:0;overflow-y:auto}.portfolio-mobile-close,.portfolio-mobile-trigger{display:block}.portfolio-main-container{flex-direction:column;padding:0}.portfolio-grid.list-view .portfolio-card{flex-direction:row;align-items:stretch;gap:0}.portfolio-grid.list-view .portfolio-card-img-wrapper{width:180px;height:100%}.portfolio-grid.list-view .portfolio-card-content{padding:10px 10px 8px 20px;display:flex;flex-direction:column;justify-content:center}.portfolio-grid.list-view .portfolio-card h3{font-size:1rem;margin-bottom:0}.portfolio-carousel-caption h2{font-size:2.2rem}.portfolio-grid{gap:20px}.portfolio-card p{font-size:.85rem}.portfolio-content{padding:0 20px 0 20px}.portfolio-page-title{position:absolute;left:20px;top:90px;z-index:200}.portfolio-main-container{max-width:calc(100% - 0px)!important}}@media (max-width:500px){.portfolio-grid.list-view .portfolio-card{max-height:600px}.portfolio-page-info{font-size:.7rem}.portfolio-card p{font-size:.8rem}}