/* Home hero: swap the URL for images/hero.jpg once you have your own photo */
.hero-bg {
  background-image: linear-gradient(rgba(12,74,110,.78), rgba(12,74,110,.62)),
    url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80');
  background-size: cover; background-position: center;
}
.page-hero {
  background-color: #0c4a6e;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(56,189,248,.25), transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(2,132,199,.45), transparent 50%),
    linear-gradient(135deg, #082f49 0%, #0c4a6e 55%, #075985 100%);
}
.cta-band { background: linear-gradient(120deg, #0369a1, #0284c7 60%, #0ea5e9); }

/* desktop dropdowns */
.desktop-dropdown { visibility: hidden; opacity: 0; transform: translateY(8px); transition: all .2s ease; }
.nav-item-group:hover .desktop-dropdown,
.nav-item-group:focus-within .desktop-dropdown { visibility: visible; opacity: 1; transform: translateY(0); }

/* photo placeholders (shown until images/project-N.jpg exists) */
.photo-ph-0 { background: linear-gradient(135deg,#0c4a6e,#0284c7); }
.photo-ph-1 { background: linear-gradient(135deg,#334155,#64748b); }
.photo-ph-2 { background: linear-gradient(135deg,#075985,#38bdf8); }
.photo-ph-3 { background: linear-gradient(135deg,#78350f,#b45309); }
.photo-ph-4 { background: linear-gradient(135deg,#1e3a5f,#0369a1); }
.photo-ph-5 { background: linear-gradient(135deg,#365314,#4d7c0f); }

details.faq summary::-webkit-details-marker { display: none; }
details.faq summary { list-style: none; }
details.faq[open] { border-color: #7dd3fc; box-shadow: 0 4px 14px rgba(2,132,199,.08); }