.container{max-width:1200px;margin:0 auto;padding:0 18px;}
.maki-hero-full--projects{
    width:auto; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
    min-height: clamp(220px, 30vw, 360px);
    
    color:#fff; display:grid; place-items:center; text-align:center; margin-bottom: 18px;
}
.maki-hero-title{ margin:0 0 8px; font-size:clamp(28px,4vw,48px); font-weight:800; letter-spacing:-.015em; }
.maki-hero-desc{ margin:0 auto; max-width:70ch; opacity:.95; font-size:clamp(14px,1.5vw,18px); }
.proj-grid{ display:grid; gap:20px; grid-template-columns:1fr; padding:18px 0 40px; }
@media(min-width:640px){ .proj-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .proj-grid{ grid-template-columns:repeat(3,1fr); } }
.proj-card{
    border:1px solid #e5e7eb; border-radius:16px; overflow:hidden;
    background:#fff; transition:.22s ease; display:flex; flex-direction:column; height:100%;
}
.proj-card:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(15, 23, 42, 0.16); border-color:var(--mx-orange); }
.proj-media { aspect-ratio: 16 / 9; overflow: hidden; background: #f3f4f6; }
.proj-thumb { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.proj-card:hover .proj-thumb { transform: scale(1.05); }
.proj-body { padding: 16px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.proj-ttl { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; }
.proj-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag { font-size: 11px; padding: 4px 10px; border-radius: 999px; background: #f3f4f6; color: #4b5563; font-weight: 500; }
.proj-excerpt { flex: 1; margin: 0; font-size: 14px; color: #4b5563; line-height: 1.5; }
.proj-status {
    align-self: flex-start; margin-top: auto; font-size: 12px; padding: 4px 12px;
    border-radius: 999px; background: rgba(16, 185, 129, 0.08); color: #047857;
    border: 1px solid rgba(16, 185, 129, 0.3); font-weight: 600;
}

/* GeneratePress Fixes */
body.post-type-archive-project .site-content,
body.single-project .site-content { display: block !important; }
body.post-type-archive-project .content-area { width: 100% !important; max-width: 100% !important; }