.top-projects-space{padding-top:10rem}.current-projects-space,.past-projects-space{margin-top:5rem!important}.search-wrapper{flex:1;min-width:220px;height:44px;display:flex;align-items:center;gap:.6rem;background:#1e1e1e;border-radius:999px;padding:0 1rem;border:3px solid var(--color-primary);box-shadow:inset 0 0 0 1px #00000059}.search-wrapper:focus-within{box-shadow:0 0 0 3px #6aff4d40,inset 0 0 0 1px #00000059}.search-wrapper input{flex:1;height:100%;background:transparent;border:none;outline:none;color:#eaeaea;font-size:1rem}.search-wrapper input::placeholder{color:#8b8b8b}.search-icon{width:20px;height:20px;stroke:var(--color-primary);stroke-width:2;fill:none}.type-filter-wrapper{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.type-filter-label{background:var(--color-primary);color:#1f0f1b;font-weight:700;padding:.55rem 1rem;border-radius:999px;font-size:.95rem;white-space:nowrap}.type-filter-pill{display:flex;align-items:center;gap:.25rem;background:#1f1f1f;border-radius:999px;padding:.35rem}.type-filter-pill .type-btn{background:transparent;border:none;color:#e6e6e6;font-size:.95rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.type-filter-pill .type-btn:hover{background:#ffffff14}.type-filter-pill .type-btn.active{background:#ffffff26!important;color:#fff;font-weight:600}.type-filter-pill .type-btn.pill-selected:hover{background:#333}.filters-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;z-index:40;display:none;background:#1f1f1f;border-radius:14px;padding:.9rem;border:3px solid var(--color--primary);box-shadow:0 12px 32px #00000073,inset 0 0 0 1px #0006}.filters-popover-content{display:flex;flex-direction:column;gap:.85rem}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-group label{font-size:.8rem;color:#bdbdbd;font-weight:500}.filter-group select{background:#2a2a2a;color:#fff;border-radius:10px;border:1px solid #333;padding:.45rem .6rem;font-size:.9rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--color--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color--primary) 35%,transparent)}.filter-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.btn-primary{background:var(--color--primary);color:#0f1f0f;border-radius:999px;padding:.45rem .9rem;border:none;font-weight:700;cursor:pointer}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:transparent;color:#e6e6e6;border-radius:999px;padding:.45rem .9rem;border:1px solid #333;cursor:pointer}.btn-secondary:hover{background:#ffffff14}.mobile-search-filter,.search-wrapper{flex:1;min-width:0}.filters-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:3px solid var(--color-primary);border-radius:999px;cursor:pointer;flex-shrink:0}.filters-toggle-icon{width:18px;height:18px;fill:#1f0f1b}.type-filter-wrapper{margin-left:auto;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.filters-toggle-btn{flex-shrink:0}.filters-toggle-icon{width:16px;height:16px;fill:#000;stroke:none;transition:opacity .2s ease}.filters-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#1f1f1f;color:#fff;border-radius:.5rem;padding:.5rem;min-width:120px;box-shadow:0 4px 10px #0003;display:none;z-index:1000}.filters-toggle-btn[aria-expanded=true]+.filters-dropdown{display:block}.filter-item{padding:.4rem .8rem;cursor:pointer;border-radius:.25rem}.filter-item:hover{background:#333}.key-content{margin-left:3rem;margin-right:3rem;margin-bottom:5rem;width:100%}.projects-panel{position:relative;padding:1rem;display:block;width:100%}.current-projects-panel{margin:0rem 3rem}.projects-panel:before{content:"";position:absolute;left:0;right:0;top:.5rem;bottom:.5rem;background:#272727;border-radius:12px;z-index:0;box-shadow:0 6px 18px #00000040}.projects-grid{position:relative;justify-content:start;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,360px);gap:1.5rem;padding:1rem}.pink-panel,.projects-controls{display:block;margin-bottom:.5rem}.controls-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.project-card{background:#000;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:2}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.project-card a{display:block;color:inherit;text-decoration:none}.card-media{height:140px;background:#111;display:flex;align-items:center;justify-content:center;color:#999}.card-media img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem;background:#111}.card-body{padding:1rem;color:#fff}.card-title{margin:0;font-size:1.05rem;color:#fff}.card-divider{margin:.25rem 0;height:1px;background:#ff8bf4;width:100%}.card-date{display:block;font-size:.85rem;color:#fff;margin-bottom:.6rem}.card-description{margin:.6rem 0 1rem;color:#fff;font-size:.95rem;line-height:1.35}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-view-more{font-weight:600;color:#ff8bf4;cursor:pointer}.full-width-panel{width:100%}.filter-group{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.filter-group select,.projects-controls{width:100%}.controls-row{display:flex;align-items:center;gap:1rem;width:100%;flex-wrap:nowrap}.mobile-search-filter{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.search-wrapper{flex:1;min-width:0}.type-filter-wrapper{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.filters-toggle-btn{margin-left:auto;flex-shrink:0}.info-panel-wrapper{position:relative;width:100%}.thick-line-behind{position:absolute;top:50%;left:50%;width:100vw;max-width:100vw;transform:translate(-50%,-50%);height:2.5cm;background-color:var(--color-secondary);z-index:-1}@media (max-width: 768px){.hidden-type{display:block}.top-projects-space{padding-top:5rem}.current-projects-space,.past-projects-space{margin-top:4rem!important}.mobile-search-filter{display:flex;gap:.75rem;width:100%;align-items:center}.mobile-search-filter .search-wrapper{flex:1;min-width:0;height:44px}.key-content{margin-left:1.3rem;margin-right:1.3rem;margin-bottom:3rem;width:100%}.current-projects-panel{margin:0}.projects-panel{padding:.5rem}.projects-panel:before{left:0;right:0;top:.25rem;bottom:.25rem;border-radius:10px}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem;width:100%}.projects-grid,.projects-panel,.project-card{max-width:100%;box-sizing:border-box}.project-card{width:100%}.card-body{padding:.9rem}.controls-row{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:nowrap}.projects-controls{width:100%}.controls-row{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;width:100%}.mobile-search-filter{flex:1;min-width:0}.search-wrapper{width:100%}.type-filter-wrapper{margin-left:auto;display:flex;align-items:center;flex-shrink:0}.filters-toggle-btn{flex-shrink:0;width:44px;height:44px}.filters-popover{position:absolute;right:0;top:calc(100% + 40px)}}#projects-pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:.5rem}#projects-pagination button.pagination-btn{background:#1f1f1f!important;border:1px solid #333!important;border-radius:999px!important;padding:.5rem 1rem!important;cursor:pointer!important;font-weight:600!important;transition:background .2s ease,color .2s ease}#projects-pagination button.pagination-btn:hover:not(:disabled){background:#ff8bf426!important;color:#ff8bf4!important}#projects-pagination button.pagination-btn:disabled{opacity:.4!important;cursor:not-allowed!important}#projects-pagination button.pagination-btn.active{background:#ff8bf4!important;color:#1f0f1b!important;border:none!important}