/* GLOBAL HEADER & FOOTER STYLES */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(28,28,28,0.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05)}
.header-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:0.08em;color:#f5f0e8;text-decoration:none}
.header-logo .x{color:#c23b2e}
.header-nav{display:flex;align-items:center;gap:36px;list-style:none}
.header-nav a{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:#999;transition:color 0.2s;text-decoration:none}
.header-nav a:hover,.header-nav a.active{color:#f5f0e8}
.header-cta{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;background:#c23b2e;color:#f5f0e8;padding:10px 24px;border-radius:3px;transition:background 0.2s,transform 0.15s;white-space:nowrap;text-decoration:none}
.header-cta:hover{background:#d44638;transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:#f5f0e8;border-radius:2px}
.mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:#232323;border-bottom:1px solid rgba(255,255,255,0.06);padding:28px 48px;z-index:99;flex-direction:column;gap:20px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:0.2em;text-transform:uppercase;color:#f5f0e8;text-decoration:none}
.mobile-cta{background:#c23b2e;color:#f5f0e8!important;padding:12px 22px;border-radius:3px;text-align:center;margin-top:8px}

/* SERVICES DROPDOWN */
.nav-dropdown{position:relative}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#232323;border:1px solid rgba(255,255,255,0.08);border-radius:4px;padding:10px 0;min-width:160px;padding-top:10px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:101;margin-top:0}
.nav-dropdown-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:14px;background:transparent;transform:translateY(-100%)}
.nav-dropdown-menu a{display:block;padding:8px 20px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#999;text-decoration:none;transition:color 0.15s,background 0.15s;white-space:nowrap}
.nav-dropdown-menu a:hover{color:#f5f0e8;background:rgba(255,255,255,0.04)}
.nav-dropdown:hover .nav-dropdown-menu{display:block}

/* FOOTER */
.site-footer{background:#232323;border-top:1px solid rgba(255,255,255,0.05);padding:88px 48px 44px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:64px}
.f-logo{font-family:'Bebas Neue',sans-serif;font-size:34px;letter-spacing:0.08em;color:#f5f0e8;display:block;margin-bottom:16px}
.f-logo .x{color:#c23b2e}
.f-tagline{font-size:14px;color:#777;line-height:1.65;margin-bottom:28px;max-width:280px}
.f-contact{font-size:13px;color:#444;line-height:2.1}
.f-contact a{color:#444;transition:color 0.2s;text-decoration:none}
.f-contact a:hover{color:#f5f0e8}
.f-col h4{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:0.35em;text-transform:uppercase;color:#999;margin-bottom:22px}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.f-col ul li a{font-size:14px;color:#444;transition:color 0.2s;text-decoration:none}
.f-col ul li a:hover{color:#f5f0e8}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:36px;border-top:1px solid rgba(255,255,255,0.05);flex-wrap:wrap;gap:16px}
.f-copy{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#444}
.f-bible{font-size:12px;color:#444;font-style:italic}

@media(max-width:1024px){
  .site-header{padding:0 32px}
  .site-footer{padding:88px 32px 44px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:768px){
  .site-header{padding:0 20px}
  .header-nav,.header-cta{display:none}
  .hamburger{display:flex}
  .mobile-nav{padding:24px 20px}
  .site-footer{padding:64px 20px 36px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}