.project-page-hero{position:relative;padding-block:clamp(6rem, 12vw, 10rem);overflow:hidden;background-color:var(--primary);color:var(--white);height:90vh}.hero-html-bg{position:absolute;top:0;left:0;width:100%;height:100%!important;object-fit:cover;z-index:1}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgb(1 32 79 / .85) 0%,rgb(1 32 79 / .4) 100%);z-index:2}.hero-z-index{position:relative;z-index:3}.hero-title-small{font-size:var(--fs-4xl);color:var(--white);line-height:1.1;margin-top:10px}.section-tag-white{display:block;color:var(--secondary);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:3px}.project-listing-page{padding-block:var(--space-section);background-color:var(--background)}.projects-page-header .tagline{font-family:var(--heading-font);color:var(--secondary);font-weight:700;font-size:var(--fs-sm);letter-spacing:1px}.projects-page-header .main-title{font-size:var(--fs-4xl);max-width:900px;margin-block:var(--space-sm) var(--space-lg);line-height:1.1;color:var(--primary)}.header-divider{border:0;border-top:1px solid var(--border);margin-bottom:var(--space-lg)}.project-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--space-xl)}.filter-btn{padding:12px 28px;border-radius:var(--radius-round);border:1px solid var(--border);background:var(--white);font-family:var(--heading-font);font-size:var(--fs-sm);font-weight:500;color:var(--text);transition:var(--transition);cursor:pointer}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background-color:#E2F99F;border-color:#E2F99F;color:var(--primary-dark)}.horizontal-project-card{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-xl);padding-block:var(--space-lg);border-bottom:1px solid var(--border);align-items:center}.horizontal-project-card:last-child{border-bottom:none}.card-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.card-category{color:var(--secondary);font-weight:700;text-transform:capitalize;font-size:var(--fs-base);display:block;margin-bottom:10px}.card-title{font-size:var(--fs-3xl);line-height:1.2;color:var(--primary);margin:0}.card-desc{color:var(--text);font-size:var(--fs-base);line-height:1.6;margin-bottom:var(--space-lg)}.card-footer-meta{display:flex;flex-direction:column;gap:20px}.meta-info{font-size:var(--fs-sm);color:var(--text-light);font-weight:600}.view-detail-btn{display:inline-flex;align-items:center;justify-content:space-between;background-color:var(--primary-dark);color:var(--white)!important;padding:14px 24px;border-radius:var(--radius-round);width:fit-content;gap:15px;text-transform:capitalize;font-weight:600;font-size:var(--fs-sm);transition:var(--transition)}.view-detail-btn .arrow{background:var(--secondary);color:var(--white);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px}.view-detail-btn:hover{background-color:var(--primary);transform:translateX(5px)}.card-image{border-radius:var(--radius-lg);overflow:hidden;height:350px}.card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.horizontal-project-card:hover .card-image img{transform:scale(1.05)}@media (max-width:991px){.project-page-hero{display:flex;align-items:center}.horizontal-project-card{grid-template-columns:1fr;gap:var(--space-md)}.card-content{grid-template-columns:1fr;gap:var(--space-sm)}.card-image{height:280px;order:-1}}@media (max-width:767px){.projects-page-header .main-title{font-size:var(--fs-3xl)}.card-title{font-size:var(--fs-2xl)}}