.projects-active-section{width:100%}.page{min-height:100vh;padding:8rem 4rem 4rem}.page-title{font-size:clamp(3rem,10vw,8rem);font-weight:300;color:var(--color-off-black);letter-spacing:-.03em;line-height:1;margin:0 0 1.5rem;text-align:center}.page-subtitle{font-size:1.25rem;font-weight:400;color:var(--color-muted);text-align:center;margin:0 0 .75rem;line-height:1.5}.dark .page-subtitle{color:var(--color-content-tertiary)}.page-description{font-size:.9rem;color:var(--color-content-tertiary);text-align:center;margin:0 0 3rem;line-height:1.5}.dark .page-description{color:#666}.dark .page-title{color:#f5f5f5}.featured-project-wrapper{max-width:1200px;margin:0 auto 3rem}.featured-project-link{display:block;text-decoration:none;color:inherit}.featured-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.15em;color:var(--color-muted);text-transform:uppercase;margin-bottom:1.5rem}.dark .featured-label{color:var(--color-content-tertiary)}.featured-card{position:relative;display:flex;border-radius:var(--radius-card);overflow:hidden;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);transition:all .3s ease}.dark .featured-card{background-color:#1a1a1a;border-color:#2a2a2a}.featured-card:hover{transform:scale(1.01);border-color:var(--color-muted)}.dark .featured-card:hover{border-color:#444}.featured-image{flex:1;min-width:0;position:relative}.featured-image img{width:100%;height:100%;object-fit:cover;display:block}.featured-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.featured-card:hover .featured-image-overlay{opacity:1}.featured-image-btn{padding:.75rem 1.5rem;background:var(--color-warm-cream);color:var(--color-off-black);border-radius:var(--radius-button);font-size:.85rem;font-weight:500}.featured-content{position:relative;flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem}.featured-category{display:inline-block;padding:.3rem .75rem;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);border-radius:var(--radius-button);font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.dark .featured-category{background-color:#1a1a1a;border-color:#2a2a2a;color:var(--color-content-tertiary)}.featured-year{font-size:.75rem;color:var(--color-content-tertiary)}.dark .featured-year{color:#666}.featured-title{font-size:2rem;font-weight:400;color:var(--color-off-black);margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.dark .featured-title{color:#f5f5f5}.featured-descr{font-size:.9rem;color:var(--color-muted);line-height:1.6;margin:0 0 2rem}.dark .featured-descr{color:var(--color-content-tertiary)}.featured-status{position:absolute;top:1.5rem;right:1.5rem;width:12px;height:12px;border-radius:50%;z-index:3}.featured-status.online{background-color:#22c55e;box-shadow:0 0 10px #22c55e99}.featured-status.offline{background-color:#666}.featured-status.archived{background-color:#eab308;box-shadow:0 0 10px #eab30899}.featured-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--color-off-black);text-decoration:none;transition:gap .2s ease}.dark .featured-link{color:#f5f5f5}.featured-link:hover{gap:.75rem}.featured-link svg{transition:transform .2s ease}.featured-link:hover svg{transform:translate(4px)}.projects-filters{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.filter-btn{position:relative;padding:.5rem 1.25rem;border:1px solid var(--color-oat-border);border-radius:var(--radius-button);background-color:var(--color-warm-cream);font-size:.85rem;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.dark .filter-btn{background-color:#1a1a1a;border-color:#2a2a2a;color:var(--color-content-tertiary)}.filter-btn:hover{border-color:var(--color-off-black);color:var(--color-off-black)}.dark .filter-btn:hover{border-color:#f5f5f5;color:#f5f5f5}.filter-btn:first-child{margin-right:0}.filter-btn:first-child:after{content:"";position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);width:1px;height:1.2em;background-color:var(--color-oat-border)}.dark .filter-btn:first-child:after{background-color:#444}.filter-btn.active{background-color:var(--color-off-black);border-color:var(--color-off-black);color:#fff}.dark .filter-btn.active{background-color:#f5f5f5;border-color:#f5f5f5;color:var(--color-off-black)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem}.pagination-btn{height:44px;padding:0 1.5rem;border-radius:var(--radius-button);border:1px solid var(--color-oat-border);background-color:var(--color-warm-cream);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s ease}.dark .pagination-btn{border-color:#2a2a2a;background-color:#1a1a1a;color:#f5f5f5}.pagination-btn:hover:not(:disabled){border-color:var(--color-off-black)}.dark .pagination-btn:hover:not(:disabled){border-color:#f5f5f5}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;gap:.5rem}.pagination-page-btn{width:44px;height:44px;border-radius:var(--radius-button);border:1px solid var(--color-oat-border);background-color:var(--color-warm-cream);cursor:pointer;font-size:.9rem;transition:all .2s ease}.dark .pagination-page-btn{border-color:#2a2a2a;background-color:#1a1a1a;color:#f5f5f5}.pagination-page-btn:hover{border-color:var(--color-off-black)}.dark .pagination-page-btn:hover{border-color:#f5f5f5}.pagination-page-btn.active{background-color:var(--color-off-black);border-color:var(--color-off-black);color:#fff}.dark .pagination-page-btn.active{background-color:#f5f5f5;border-color:#f5f5f5;color:var(--color-off-black)}.projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card{display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);transition:all .3s ease}.dark .project-card{background-color:#1a1a1a;border-color:#2a2a2a}.project-card:hover{transform:scale(1.01);border-color:var(--color-muted)}.dark .project-card:hover{border-color:#444}.project-status{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-status.online{background-color:#22c55e;box-shadow:0 0 8px #22c55e99}.project-status.offline{background-color:#666}.project-status.archived{background-color:#eab308;box-shadow:0 0 8px #eab30899}.project-card-image{position:relative;width:100%;height:240px;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-card-overlay{opacity:1}.project-card-overlay-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-align:center}.project-card-overlay-category{padding:.3rem .75rem;background-color:#fff3;border-radius:var(--radius-button);font-size:.75rem;color:#fff;margin-bottom:1rem}.project-card-overlay-descr{font-size:.85rem;color:#ffffffe6;line-height:1.5;text-align:center;margin:0}.project-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-card-header-right{display:flex;align-items:center;gap:.5rem}.project-title{font-size:1.1rem;font-weight:600;color:var(--color-off-black);margin:0;letter-spacing:-.01em}.dark .project-title{color:#f5f5f5}.project-year{font-size:.8rem;color:var(--color-content-tertiary)}.dark .project-year{color:#666}.project-category{font-size:.75rem;color:var(--color-content-tertiary);margin-bottom:.5rem}.dark .project-category{color:#666}.project-descr{font-size:.85rem;color:var(--color-muted);line-height:1.5;margin:0;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dark .project-descr{color:var(--color-content-tertiary)}@media(max-width:1024px){.featured-card{flex-direction:column}.featured-image{height:300px}.featured-content{padding:2rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page{padding:4rem 1.5rem 2rem}.projects-active-section{width:100%}.page-title{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:1.5rem}.page-subtitle{font-size:1rem;margin-bottom:.5rem}.page-description{font-size:.85rem;margin-bottom:2rem}.featured-card{margin-bottom:2rem;flex-direction:column}.featured-image{height:200px;min-height:200px}.featured-content{padding:1.25rem}.featured-title{font-size:1.25rem}.featured-descr{font-size:.85rem}.featured-meta{flex-wrap:wrap;gap:.5rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem}.projects-filters{gap:.5rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.4rem .75rem;font-size:.75rem}.filter-btn:first-child:after{right:-.5rem;height:1em}}@media(max-width:480px){.page{padding:5rem 1.5rem 2rem}.page-title{-webkit-text-stroke:.5px #000;text-stroke:.5px #000}.dark .page-title{-webkit-text-stroke:.5px #fff;text-stroke:.5px #fff}.featured-image{height:200px}.featured-content{padding:1.25rem}.featured-title{font-size:1.25rem}.featured-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.project-card-image{height:200px}.project-card-content{padding:1.25rem}.project-title{font-size:1rem}}