:root{
  --navy:#0a2342;
  --gold:#cfa23a;
  --light:#f5f6f8;
  --dark:#061528;
}

body{ font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }
h1,h2,h3,h4,h5{ font-family:'Montserrat', sans-serif; }
.bg-navy{ background: var(--navy); }
.text-navy{ color: var(--navy); }
.btn-gold{ background: var(--gold); border-color: var(--gold); color: #111; }
.btn-gold:hover{ filter: brightness(0.95); color:#111; }
.btn-primary{ background: var(--navy); border-color: var(--navy); }
.btn-outline-primary{ color: var(--navy); border-color: var(--navy); }
.btn-outline-primary:hover{ background: var(--navy); color:#fff; }

.navbar.bg-primary{ background: var(--navy)!important; }
.brand-mark{ width: 20px; height: 20px; display:inline-block; border-radius:4px; background: linear-gradient(135deg, var(--gold), #e6c671); }

.hero{ min-height: 70vh; background: linear-gradient(135deg, rgba(10,35,66,.88), rgba(10,35,66,.78)), url('../images/construction_4.jpg') center/cover no-repeat; }
.hero .hero-card{ border-radius: 1rem; }
.feature-list li{ margin-bottom: .35rem; padding-left: 1.25rem; position: relative; }
.feature-list li::before{ content: '✓'; position: absolute; left: 0; color: var(--gold); }

.cat-tile{ position: relative; }
.cat-tile img{ display:block; height: 220px; object-fit: cover; }
.tile-overlay{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(10,35,66,.35); color:#fff; font-weight:700; font-size:1.1rem; transition: background .2s ease; }
.cat-tile:hover .tile-overlay{ background: rgba(10,35,66,.55); }

.gallery-img{ cursor: zoom-in; }

footer a:hover{ text-decoration: underline; }