/* Presentation-only restoration: keep the current client copy and routes, but
   return the established Aliqtidar editorial visual language. */
:root {
  --paper: #fbfaf7;
  --navy: #071a35;
  --blue: #246d9f;
  --gold: #d3a62d;
}

body { background: var(--paper); }
.topline { background: linear-gradient(100deg, #071a35 0%, #123f67 60%, #1b7690 100%); }
.site-header { background: rgba(7,26,53,.98); color: #fff; border-bottom: 1px solid rgba(255,255,255,.14); box-shadow: 0 8px 28px rgba(3,14,29,.24); }
.site-header nav a { color: #e8eef4; }
.site-header nav a:hover, .site-header nav a.active { color: var(--gold-light); }
.site-header .nav-cta { color: #fff; border-bottom-color: var(--gold); }
.menu-toggle { color: #fff; }
.hero-home { background: linear-gradient(90deg, rgba(7,26,53,.93) 0%, rgba(7,26,53,.72) 48%, rgba(7,26,53,.24) 100%), url('/brand/riyadh-dusk.png') center/cover no-repeat; color: #fff; }
.hero-home .hero-copy { width: min(820px, 100%); }
.hero-home h1, .hero-home .hero-copy p:not(.kicker) { color: #fff; }
.hero-home .hero-media { display: none; }
.hero-home .kicker { color: var(--gold-light); }
.hero-media { box-shadow: 0 28px 80px rgba(12,58,87,.24); }
.hero-media::after { background: linear-gradient(145deg, #0b2343, #1d6582); opacity: .88; }
.intro { background: linear-gradient(90deg, rgba(7,26,53,.93), rgba(7,26,53,.58)), url('/brand/riyadh-day.png') center/cover no-repeat; color: #fff; }
.intro .prose { color: #d8e1ea; }
.image-section { background: linear-gradient(90deg, rgba(7,26,53,.90), rgba(7,26,53,.38)), url('/brand/riyadh-day.png') center/cover no-repeat; color: #fff; }
.image-section > img, .talent-band > img { display: none; }
.image-section .prose, .talent-band p:not(.kicker) { color: #d8e1ea; }
.talent-band { background: linear-gradient(90deg, rgba(7,26,53,.90), rgba(7,26,53,.36)), url('/brand/people-in-progress.png') center/cover no-repeat; color: #fff; }
.dark, .contact-band { background: linear-gradient(130deg, #071a35, #123c61 67%, #165e78); }
.contact-band { background: linear-gradient(90deg, rgba(7,26,53,.94), rgba(7,26,53,.46)), url('/brand/conversation-section-mockup.png') center/cover no-repeat; }
.footer-grid, .footer-bottom { background: linear-gradient(135deg, #06152d, #0d2e51 72%, #12445d); }
.footer-grid { border-top: 0; }
.footer-bottom { border-top-color: rgba(255,255,255,.15); }

@media (max-width: 850px) {
  .site-header { height: 82px; }
}
