.breadcrumb { font-size: 0.875rem; color: var(--text-light); margin-bottom: 1rem; }
 .breadcrumb a { color: rgba(255,255,255,0.7); }
 .breadcrumb a:hover { color: var(--white); }
 .breadcrumb span { margin: 0 8px; color: rgba(255,255,255,0.5); }
 
 /* Project Cards - Matching website style */
 .projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 3rem; }
 .project-card { 
 background: var(--white); 
 border: 1px solid var(--border-gray); 
 border-radius: 12px; 
 overflow: hidden; 
 transition: all var(--transition-base);
 display: flex;
 flex-direction: column;
 }
 .project-card:hover { 
 box-shadow: var(--shadow-lg); 
 transform: translateY(-4px); 
 }
 .project-image { 
 height: 200px; 
 background: linear-gradient(135deg, #0a2540 0%, #1a3a5c 100%);
 display: flex; 
 align-items: center; 
 justify-content: center; 
 position: relative; 
 overflow: hidden;
 }
 .project-image img {
 width: 100%; object-fit: cover;
 transition: transform 0.3s ease;
 }
 .project-card:hover .project-image img {
 transform: scale(1.05);
 }
 .project-image::after { 
 content: ''; 
 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 background: linear-gradient(to bottom, transparent 50%, rgba(10, 37, 64, 0.8)); 
 }
 .project-content { 
 padding: 14px; 
 flex: 1;
 display: flex;
 flex-direction: column;
 }
 .project-tag { 
 display: inline-block; 
 padding: 4px 12px; 
 background: var(--primary-light); 
 color: var(--primary-blue); 
 font-size: 0.75rem; 
 font-weight: 600; 
 border-radius: 4px; 
 margin-bottom: 12px; 
 text-transform: uppercase;
 letter-spacing: 0.5px;
 }
 .project-card h3 { 
 font-size: 1.125rem; 
 margin-bottom: 0.75rem; 
 color: var(--text-dark);
 }
 .project-card p { 
 font-size: 0.9375rem; 
 color: var(--text-medium); 
 margin-bottom: 1rem; 
 line-height: 1.6;
 flex: 1;
 }
 .project-specs { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 8px; 
 margin-bottom: 1.25rem; 
 }
 .project-spec { 
 padding: 4px 10px; 
 background: var(--light-gray); 
 border-radius: 4px; 
 font-size: 0.75rem; 
 color: var(--text-medium); 
 font-weight: 500;
 }
 .project-link { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 color: var(--primary-blue); 
 font-size: 0.875rem; 
 font-weight: 600; 
 margin-top: auto;
 }
 .project-link:hover { 
 color: var(--primary-dark); 
 }
 .project-link i { 
 font-size: 0.75rem; 
 transition: transform 0.2s ease;
 }
 .project-link:hover i {
 transform: translateX(4px);
 }
 
 /* CTA Section */
 .cta-section-alt { 
 background: var(--light-gray); 
 padding: 80px 0; 
 text-align: center; 
 }
 .cta-section-alt h2 { 
 margin-bottom: 1rem; 
 color: var(--text-dark);
 }
 .cta-section-alt p { 
 max-width: 600px; 
 margin: 0 auto 1rem; 
 color: var(--text-medium); 
 }
 
 @media (max-width: 1024px) {
 .projects-grid { grid-template-columns: repeat(2, 1fr); }
 }
 @media (max-width: 768px) {
 .projects-grid { grid-template-columns: 1fr; }
 }
 .hero-features {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 14px;
 margin-top: 2.5rem;
 }
 .hero-feature-item {
 background: rgba(255,255,255,0.1);
 border-radius: 12px;
 padding: 14px;
 text-align: center;
 transition: all 0.3s ease;
 }
 .hero-feature-item:hover {
 background: rgba(255,255,255,0.15);
 transform: translateY(-4px);
 }
 .hero-feature-item i {
 font-size: 2rem;
 color: var(--accent-gold);
 margin-bottom: 12px;
 }
 .hero-feature-item h4 {
 color: var(--white);
 font-size: 1rem;
 margin-bottom: 4px;
 }
 .hero-feature-item p {
 color: rgba(255,255,255,0.7);
 font-size: 0.875rem;
 margin: 0;
 }
 @media (max-width: 992px) {
 .hero-features { grid-template-columns: repeat(2, 1fr); }
 }
 @media (max-width: 768px) {
 .hero-features { grid-template-columns: 1fr; gap: 16px; }
 .hero-feature-item { padding: 14px; }
 }

.hero-features a.hero-feature-item { transition: all 0.3s ease; }
.hero-features a.hero-feature-item:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15); }
.hero-features a.hero-feature-item:hover h4 { color: #8a6d1c; }