:root {
  --navy:#0A1F44;
  --orange:#FF7A00;
  --white:#FFFFFF;
  --muted:#6C757D;
  --container:1200px;
  --transition:.45s cubic-bezier(.2,.9,.2,1);
}

.container {max-width:var(--container);margin:0 auto;padding:0 1rem;}

/* HERO */
.hero-landing {
  height:70vh; min-height:480px; display:flex; align-items:center; justify-content:center;
  position:relative; color:var(--white);
  background-image:url('../img/hero-projects.jpg'); background-size:cover; background-position:center;
}
.hero-landing::before {content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,31,68,0.6), rgba(10,31,68,0.75));}
.hero-inner {position:relative;z-index:2;text-align:center;}
.hero-inner h1 {font-family:'Montserrat',sans-serif;font-size:3rem;color:var(--orange);}
.hero-inner .sub {font-size:1.1rem;color:rgba(255,255,255,0.92);margin:.5rem auto 1rem;}
.btn-ghost {border:1px solid rgba(255,255,255,0.15);padding:.7rem 1.2rem;color:#fff;text-decoration:none;border-radius:8px;}

/* PROJECTS GRID */
.projects-container {padding:4rem 0;background:#f7f8fb;color:var(--navy);}
.section-title {text-align:center;font-family:'Montserrat',sans-serif;font-size:2rem;margin-bottom:.4rem;}
.section-sub {text-align:center;color:var(--muted);margin-bottom:2rem;}
.projects-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;}
.project-card {
  background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(10,31,68,0.08);
  transform:translateY(40px);opacity:0;transition:all .7s ease;
}
.project-card.visible {transform:translateY(0);opacity:1;}
.project-card img {width:100%;height:240px;object-fit:cover;}
.project-info {padding:1rem 1.2rem;}
.project-info h3 {font-size:1.2rem;margin-bottom:.5rem;color:var(--orange);}
.project-info p {color:#444;font-size:.95rem;line-height:1.6;}

/* CTA */
.final-cta {padding:3rem 0;background:linear-gradient(135deg,var(--navy),#071227);color:#fff;text-align:center;}
.final-cta h2 {font-family:'Montserrat',sans-serif;font-size:1.6rem;margin-bottom:1rem;}
.btn-primary {background:var(--orange);color:var(--navy);padding:.9rem 1.6rem;border-radius:8px;text-decoration:none;font-weight:700;}

/* RESPONSIVE NAV */
@media (max-width:900px){
  header nav ul {
    position:absolute;top:100%;left:0;right:0;background:var(--navy);
    flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;
    opacity:0;visibility:hidden;transition:max-height .35s ease,opacity .35s ease;
    z-index:999;
  }
  header nav ul.active {max-height:600px;opacity:1;visibility:visible;}
  header nav ul li {border-top:1px solid rgba(255,255,255,0.08);}
  header nav ul li .dropdown-menu {
    position:static;background:rgba(255,255,255,0.05);
    padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease;
    border-left:3px solid var(--orange);
  }
  header nav ul li.dropdown.open > .dropdown-menu {max-height:400px;padding:.6rem 1rem;}
  header nav ul li .dropdown-menu li a {color:var(--white);display:block;padding:.6rem 0;}
  .menu-toggle {display:block;background:none;border:none;color:var(--white);font-size:1.8rem;cursor:pointer;}
}

/* MOBILE ADJUSTMENTS */
@media (max-width:700px){
  .hero-inner h1{font-size:2.2rem;}
  .project-card img{height:200px;}
}