.projects-module__D-cxOq__hero{justify-content:center;align-items:center;min-height:50vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.projects-module__D-cxOq__heroBg{background:radial-gradient(ellipse at 50% 30%, #c8a45c14 0%, transparent 50%), linear-gradient(180deg, var(--navy) 0%, var(--charcoal) 100%);position:absolute;inset:0}.projects-module__D-cxOq__heroContainer{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}.projects-module__D-cxOq__heroTitle{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-tight);max-width:700px}.projects-module__D-cxOq__heroSub{font-size:var(--fs-body-lg);color:var(--text-secondary);max-width:500px}.projects-module__D-cxOq__projectsSection{background:var(--navy);padding-top:0}.projects-module__D-cxOq__filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.projects-module__D-cxOq__filterBtn{font-family:var(--font-heading);font-size:.8rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #0000;padding:.625rem 1.5rem;transition:all .3s;position:relative}.projects-module__D-cxOq__filterBtn:hover{color:var(--text-primary)}.projects-module__D-cxOq__filterActive{color:var(--gold)!important}.projects-module__D-cxOq__filterIndicator{border-radius:var(--radius-full);z-index:-1;background:#c8a45c0d;border:1px solid #c8a45c4d;position:absolute;inset:0}.projects-module__D-cxOq__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.projects-module__D-cxOq__card{color:inherit;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0f;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1);display:block;overflow:hidden}.projects-module__D-cxOq__card:hover{color:inherit;border-color:#c8a45c33;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}.projects-module__D-cxOq__cardImage{aspect-ratio:16/10;position:relative;overflow:hidden}.projects-module__D-cxOq__cardImageInner{background:linear-gradient(135deg,#c8a45c1a 0%,#0a1628cc 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s;display:flex}.projects-module__D-cxOq__card:hover .projects-module__D-cxOq__cardImageInner{transform:scale(1.05)}.projects-module__D-cxOq__cardPlaceholder{color:var(--gold);opacity:.3}.projects-module__D-cxOq__statusBadge{font-size:.6rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.3rem .75rem;position:absolute;top:.75rem;right:.75rem}.projects-module__D-cxOq__statusBadge[data-status=completed]{color:#4ade80;background:#22c55e26;border:1px solid #22c55e33}.projects-module__D-cxOq__statusBadge[data-status=ongoing]{color:var(--gold);background:#c8a45c26;border:1px solid #c8a45c33}.projects-module__D-cxOq__statusBadge[data-status=planned]{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.projects-module__D-cxOq__cardBody{padding:1.5rem}.projects-module__D-cxOq__cardMeta{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.projects-module__D-cxOq__cardTitle{font-size:1.2rem;font-weight:var(--fw-bold);color:var(--white);margin-bottom:.5rem}.projects-module__D-cxOq__cardDesc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.projects-module__D-cxOq__cardArea{color:var(--gold);border-radius:var(--radius-full);letter-spacing:var(--ls-wide);font-size:.7rem;font-weight:var(--fw-medium);background:#c8a45c1a;margin-bottom:.75rem;padding:.25rem .75rem;display:inline-block}.projects-module__D-cxOq__cardArrow{color:var(--gold);font-size:.8rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);align-items:center;transition:gap .3s;display:inline-flex}.projects-module__D-cxOq__card:hover .projects-module__D-cxOq__cardArrow{gap:.25rem}@media (max-width:1024px){.projects-module__D-cxOq__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-module__D-cxOq__grid{grid-template-columns:1fr}}