:root{--color-primary: #0a0a0a;--color-secondary: #0c0c0c;--color-accent: #E50914;--color-accent-hover: #FF1A1A;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-background: #000000;--color-border: rgba(255, 255, 255, .1);--font-primary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-heading: Oswald, Montserrat, -apple-system, BlinkMacSystemFont, sans-serif;--header-height: 90px;--container-max-width: 1400px;--container-padding: 24px}.projects-hero{padding:140px 0 60px;text-align:center}@media(max-width:768px){.projects-hero{padding:100px 0 40px}}.projects-title{font-family:Oswald,Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(40px,6vw,64px);font-weight:700;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.02em}.projects-subtitle{font-size:18px;color:#ffffffb3;max-width:600px;margin:0 auto}.projects-content{padding:60px 0 100px}@media(max-width:768px){.projects-content{padding:40px 0 60px}}.projects-filters{display:flex;align-items:flex-end;gap:20px;margin-bottom:60px;padding:30px 40px;background-color:#0c0c0c;border-radius:20px;border:1px solid rgba(255,255,255,.05)}@media(max-width:992px){.projects-filters{flex-wrap:wrap}}@media(max-width:576px){.projects-filters{flex-direction:column;align-items:stretch;gap:16px;padding:20px;border-radius:14px}}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group.filter-search{flex:1;min-width:240px}@media(max-width:576px){.filter-group{min-width:0}}.filter-group label{font-size:11px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.filter-select,.filter-input{padding:12px 16px;background-color:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%}.filter-select:hover,.filter-input:hover{border-color:#fff3}.filter-select:focus,.filter-input:focus{outline:none;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.search-wrapper{position:relative}.search-wrapper .filter-input{padding-right:44px;cursor:text}.search-wrapper .search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffffff59;pointer-events:none;width:18px;height:18px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}@media(max-width:576px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}.project-card{position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .75s ease;cursor:pointer}.project-card:hover{transform:translateY(-8px)}.project-card:hover .project-poster img{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.project-card[style*="display: none"]{display:none!important}.project-poster{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background-color:#0c0c0c;box-shadow:0 10px 40px #0006}.project-poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:.8;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-end;padding:20px}.project-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background-color:#e50914e6;color:#fff;font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.project-info{padding:16px 0 0}.project-name{font-family:Oswald,Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{font-size:13px;color:#ffffffb3;text-transform:capitalize}.no-results{text-align:center;padding:60px 20px;color:#ffffffb3;font-size:16px}.no-results p{margin:0}.projects-pagination{margin-top:80px;display:flex;justify-content:center}@media(max-width:768px){.projects-pagination{margin-top:60px}}.projects-pagination ul{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.projects-pagination li a,.projects-pagination li span{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);color:#ffffffb3;background:#ffffff08}@media(max-width:576px){.projects-pagination li a,.projects-pagination li span{min-width:40px;height:40px;padding:0 12px;font-size:14px}}.projects-pagination li a:hover{color:#fff;background:#ffffff14;border-color:#e5091466;transform:translateY(-2px)}.projects-pagination li span.current{background:#e50914;border-color:#e50914;color:#fff;box-shadow:0 4px 20px #e5091459}.projects-pagination li span.dots{border:none;background:transparent;color:#ffffffb3;min-width:32px;padding:0}.projects-pagination .prev a,.projects-pagination .next a{background:#ffffff0d;border-color:#ffffff1a}.projects-pagination .prev a svg,.projects-pagination .next a svg{width:20px;height:20px}.projects-pagination .prev a:hover,.projects-pagination .next a:hover{background:#e5091426;border-color:#e5091480;color:#e50914}
