.project-market{background:#f7f8fa}
.project-hero{padding:68px 0 58px;
background:#fff;
border-bottom:1px solid #e7e9ee;
text-align:center}
.project-hero h1{margin:12px 0 10px;
font:800 clamp(36px,4.5vw,55px)/1.1 Manrope,sans-serif;
letter-spacing:-2.5px}
.project-hero p{margin:0;
color:#657084}
.project-search{width:min(700px,100%);
height:60px;
margin:28px auto 0;
display:flex;
align-items:center;
padding:6px 6px 6px 18px;
border:1px solid #d9dde4;
border-radius:12px;
background:#fff;
box-shadow:0 12px 35px rgba(17,24,39,.08)}
.project-search svg{width:21px;
fill:none;
stroke:#8490a2;
stroke-width:1.8}
.project-search input{min-width:0;
flex:1;
border:0;
outline:0;
padding:0 13px}
.project-search button{height:48px;
padding:0 21px;
border:0;
border-radius:9px;
background:#ff6b2c;
color:#fff;
font-weight:700}
.project-layout{display:grid;
grid-template-columns:245px 1fr;
gap:28px;
padding-top:42px;
padding-bottom:80px}
.project-filters{align-self:start;
position:sticky;
top:98px;
padding:22px;
border:1px solid #e3e6eb;
border-radius:14px;
background:#fff}
.filter-heading{display:flex;
justify-content:space-between;
padding-bottom:17px;
border-bottom:1px solid #eceef2}
.filter-heading button{border:0;
background:none;
color:#f15d22;
font-size:11px}
.filter-group{display:grid;
gap:12px;
padding:20px 0;
border-bottom:1px solid #eceef2}
.filter-group:last-child{border-bottom:0}
.filter-group>strong{margin-bottom:3px;
font-size:13px}
.filter-group label{display:flex;
align-items:center;
gap:9px;
color:#576174;
font-size:12px}
.filter-group label span{flex:1}
.filter-group small{color:#9aa2ae}
.filter-group input{accent-color:#ff6b2c}
.result-toolbar{display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:18px}
.result-toolbar h2{margin:0;
font:700 20px Manrope}
.result-toolbar p{margin:4px 0 0;
color:#8b94a2;
font-size:12px}
.result-toolbar select{padding:10px 34px 10px 13px;
border:1px solid #dfe3e8;
border-radius:9px;
background:#fff}
.project-list{display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}
@media(max-width:1200px){.project-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){.project-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.project-list{grid-template-columns:1fr}
}
.project-card{position:relative;
display:flex;
flex-direction:column;
padding:0 20px 20px;
border:1px solid #e1e5ea;
border-radius:14px;
background:#fff;
transition:.2s;
overflow:hidden}
.project-card:hover{border-color:#bfdbfe;
box-shadow:0 14px 35px rgba(17,24,39,.07);
transform:translateY(-2px)}
.project-thumb{display:grid;
place-items:center;
height:74px;
margin:0 -20px 16px;
background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.project-thumb span{color:#fff;
font:800 20px Manrope,sans-serif;
letter-spacing:.04em;
opacity:.9}
.project-thumb-tone-0{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.project-thumb-tone-1{background:linear-gradient(135deg,#7c5cf0,#4c3aa8)}
.project-thumb-tone-2{background:linear-gradient(135deg,#ec642a,#b8461c)}
.project-thumb-tone-3{background:linear-gradient(135deg,#178864,#0f5c46)}
.project-thumb-tone-4{background:linear-gradient(135deg,#d64c7b,#9c2f56)}
.project-thumb-tone-5{background:linear-gradient(135deg,#237f91,#144e5a)}
.featured-ribbon{position:absolute;
right:-32px;
top:16px;
width:120px;
padding:4px;
transform:rotate(40deg);
background:#fff0e8;
color:#e75219;
text-align:center;
font-size:9px;
font-weight:800;
text-transform:uppercase}
.project-card-top{display:flex;
justify-content:space-between;
gap:20px}
.project-category{color:#2563eb;
font-size:10px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em}
.project-card h3{margin:6px 0 0;
font:700 15px/1.35 Manrope}
.project-card h3 a{display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden}
.project-card>p{display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
margin:10px 0;
color:#657084;
font-size:12.5px;
line-height:1.6;
min-height:3.2em}
.project-tags{display:flex;
flex-wrap:wrap;
gap:6px}
.project-tags span{padding:5px 8px;
border-radius:6px;
background:#f1f3f6;
color:#596375;
font-size:10px;
font-weight:600}
.project-card-bottom{display:flex;
flex-direction:column;
gap:8px;
margin-top:14px;
padding-top:14px;
border-top:1px solid #edf0f3}
.project-card-bottom strong,.project-card-bottom small{display:block}
.project-card-bottom strong{font-size:14px}
.project-card-bottom small{margin-top:2px;
color:#939ba7;
font-size:10px}
.project-meta{display:flex;
flex-wrap:wrap;
gap:4px;
color:#8b94a1;
font-size:10px}
.project-card-bottom>a{color:#1d4ed8;
font-size:12px;
font-weight:700}
.project-empty{padding:70px;
text-align:center;
border:1px solid #e1e5ea;
border-radius:14px;
background:#fff}
.project-empty>span{font-size:40px;
color:#ff6b2c}
.project-empty h2{font-family:Manrope}
.project-empty p{color:#657084}
.project-empty a{color:#f05e23;
font-weight:700}
.project-footer{padding:30px 0;
background:#0b1224;
color:#fff}
.project-footer .mp-container{display:flex;
align-items:center;
justify-content:space-between;
color:#7e899e;
font-size:11px}
@media(max-width:560px){.project-hero{padding:50px 0 40px}
.project-search button{padding:0 13px;
font-size:12px}
.result-toolbar p,.result-toolbar select{display:none}
.project-card{padding:0 16px 16px}
.project-thumb{margin:0 -16px 14px}
.project-card-bottom{display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:15px}
.project-footer .mp-container{display:grid;
gap:14px}
.project-footer .mp-logo{margin-bottom:5px}
}