/* ICONIC — Standard project layout (migrated from project-bankmisr / villa / showroom) */
body { background: #1c1b1b; }

/* PROJECT HERO */
.proj-hero { position: relative; height: 90vh; overflow: hidden; }
.proj-hero img { width: 100%; height: 100%; object-fit: cover; }
.proj-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.78) 40%, transparent 70%); display: flex; flex-direction: column; justify-content: flex-end; padding: 60px; }
.proj-tag { display: inline-block; border: 1px solid rgba(255,255,255,.4); border-radius: 50px; padding: 5px 16px; font-size: .65rem; letter-spacing: 2.5px; color: rgba(255,255,255,.65); margin-bottom: 16px; text-transform: uppercase; }
.proj-hero-overlay h1 { font-size: clamp(2.8rem, 8vw, 6rem); font-weight: 900; letter-spacing: 4px; margin-bottom: 18px; line-height: 1; }
.proj-hero-overlay p { color: rgba(255,255,255,.68); font-size: .9rem; line-height: 1.9; max-width: 620px; }

/* META BAR */
.proj-meta { display: flex; gap: 55px; padding: 50px 60px; border-bottom: 1px solid #222; flex-wrap: wrap; }
.meta-label { font-size: .6rem; letter-spacing: 3px; color: #b07242; text-transform: uppercase; margin-bottom: 8px; }
.meta-val { font-size: .88rem; font-weight: 700; letter-spacing: 1px; color: #ccc; }

/* DESC */
.proj-desc { padding: 80px 60px; }
.proj-desc-label { font-size: .62rem; letter-spacing: 4px; color: #b07242; text-transform: uppercase; margin-bottom: 20px; display: block; }
.proj-desc h2 { font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 900; letter-spacing: 2px; margin-bottom: 32px; line-height: 1.12; }
.proj-desc p { color: #888; font-size: .88rem; line-height: 2; max-width: 720px; margin-bottom: 18px; }

/* GALLERY */
.proj-gallery { padding: 10px 40px 80px; }
.g-card { border-radius: 26px; overflow: hidden; cursor: pointer; }
.g-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.g-card:hover img { transform: scale(1.04); }
.g-tall { height: 500px; }
.g-med  { height: 360px; }
.g-short{ height: 280px; }

/* PROJECT NAV */
.proj-nav-bar { padding: 40px 60px 80px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #222; flex-wrap: wrap; gap: 20px; }
.pnav-link { text-decoration: none; color: #999; transition: color .3s; }
.pnav-link:hover { color: #fff; }
.pnav-link .pnav-dir { font-size: .58rem; letter-spacing: 3px; color: #b07242; text-transform: uppercase; display: block; margin-bottom: 6px; }
.pnav-link .pnav-title { font-size: .82rem; font-weight: 700; letter-spacing: 1.5px; display: flex; align-items: center; gap: 10px; }

footer { background: #111; padding: 44px 40px; text-align: center; color: #444; font-size: .75rem; letter-spacing: 1.5px; }
.f-logo { font-size: 1.6rem; font-weight: 900; color: #666; letter-spacing: -1px; }
.f-sub { font-size: .55rem; letter-spacing: 3.5px; margin-top: 2px; color: #3a3a3a; }

@media (max-width: 991px) {
  .proj-hero { height: 60vh; }
  .proj-hero-overlay, .proj-meta, .proj-desc, .proj-nav-bar { padding: 30px 24px; }
  .proj-gallery { padding: 10px 16px 60px; }
  .g-tall, .g-med { height: 260px; }
  .g-short { height: 200px; }
  .proj-meta { gap: 28px; }
}

/* Per-project overrides preserved from the original standalone pages */
.project-luxury-showroom .proj-hero-overlay h1 {
  font-size: clamp(2.5rem, 7vw, 5.5rem);
}
@media (max-width: 991px) {
  .project-luxury-showroom .g-hero,
  .project-luxury-showroom .g-med { height: 250px; }
}