/* ── SHARED VARIABLES ── */
:root{
  --w:#fafaf8;--w2:#ffffff;--off:#f1f0ec;--off2:#e6e4dc;
  --ink:#141410;--ink2:#3a3930;--ink3:#7a7868;--ink4:#b0ae9e;
  --gold:#c8a84b;--gold2:#e6c96a;
  --navy:#0f2244;--navy2:#162d58;--navy3:#1e3d70;--navy-light:#e8edf5;
  --border:rgba(20,20,16,0.07);--border2:rgba(20,20,16,0.14);--border3:rgba(20,20,16,0.22);
}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:#ffffff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4rem;height:66px;transition:all 0.3s}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo-emblem{width:42px;height:42px;position:relative;flex-shrink:0}
.logo-emblem img{width:100%;height:100%;object-fit:contain;display:block}
.logo-text{display:flex;flex-direction:column;gap:1px}
.logo-name{font-family:'Oswald',sans-serif;font-weight:700;font-size:28.5px;letter-spacing:0.02em;color:#22449a;text-transform:uppercase;line-height:1}
.logo-sub{font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--navy3);font-weight:400;line-height:1;opacity:0.7}
.nav-links{display:flex;gap:0;list-style:none;align-items:center;height:66px}
.nav-links li{height:100%}
.nav-links a{height:100%;display:flex;align-items:center;padding:0 1.4rem;font-family:'Syne',sans-serif;font-size:12px;letter-spacing:0.09em;text-transform:uppercase;font-weight:600;color:var(--ink2);text-decoration:none;position:relative;transition:color 0.2s}
.nav-links a::after{content:'';position:absolute;bottom:0;left:1.4rem;right:1.4rem;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.25s}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{background:var(--gold)!important;color:var(--ink)!important;padding:0 1.8rem!important;letter-spacing:0.1em!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--gold2)!important;color:var(--ink)!important}

/* ── FOOTER ── */
footer{background:#080a49;padding:2.25rem 4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.fl{display:flex;align-items:center;gap:10px}
.fl-emblem{width:22px;height:22px}
.fl-emblem img{width:100%;height:100%;object-fit:contain;display:block;border-radius:4px}
.fl-name{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6)}
.fc{font-size:11.5px;color:rgba(255,255,255,0.6);letter-spacing:0.04em}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-family:'Syne',sans-serif;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:rgba(255,255,255,0.8)}

/* ── RESPONSIVE (nav & footer) ── */
@media(max-width:1024px){
  nav{padding:0 2rem}
}
@media(max-width:768px){
  .nav-links{display:none}
  nav{padding:0 1.5rem}
  footer{padding:2rem 1.5rem;flex-direction:column;text-align:center}
  .footer-links{justify-content:center}
}