/* Orion — shared chrome.
   The header and footer for pages that do not carry their own copy of these
   rules (the system spec pages). Deliberately partial: tokens.css already
   owns the nav geometry, the link treatment, the CTA, the burger and the
   footer ground, so this supplies only what is left — the logo, the sectors
   menu, and the footer's own grid. Nothing here references a page-level
   variable, so it stands alone. */

/* ── logo ─────────────────────────────────────────────────────────────── */
.logo{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;flex-shrink:0}
.logo svg{flex-shrink:0}
.logo-name{
  font-family:var(--font-logo);font-weight:var(--fw-regular);font-size:var(--fs-1);
  letter-spacing:.22em;line-height:1;text-transform:uppercase;color:var(--cream);
  background:linear-gradient(90deg,var(--cream),var(--gold),var(--gold-bright),var(--cream));
  background-size:300% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ── nav links ────────────────────────────────────────────────────────── */
.nav-center{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.nav-center li{display:flex;align-items:center}
.nav-center a{
  font-size:var(--fs-1);font-weight:var(--fw-medium);letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-3);text-decoration:none;white-space:nowrap}
.nav-has-dropdown{position:relative}
.nav-dropdown-trigger::after{
  content:"";display:inline-block;width:0;height:0;margin-left:5px;
  border-left:3px solid transparent;border-right:3px solid transparent;
  border-top:4px solid currentColor;opacity:.65;vertical-align:middle;
  transition:transform var(--dur-1) var(--ease)}
.nav-has-dropdown.open .nav-dropdown-trigger::after{transform:rotate(180deg)}
.nav-dropdown{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);
  background:rgba(8,8,14,.97);backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border:var(--line);border-radius:var(--r-md);padding:var(--sp-2);min-width:16rem;
  opacity:0;pointer-events:none;z-index:400;
  box-shadow:0 16px 48px rgba(0,0,0,.7);
  transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}
.nav-has-dropdown.open .nav-dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown-item{
  display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);
  border-radius:var(--r-sm);font-size:var(--fs-1);font-weight:var(--fw-medium);
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);text-decoration:none;
  white-space:nowrap;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.nav-dropdown-item:hover{color:var(--cream);background:rgba(255,255,255,.05)}
.nav-drop-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}

/* ── the CTA and the burger ───────────────────────────────────────────── */
.nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  color:#0a0a0a;border:0;border-radius:var(--r-pill);text-decoration:none;
  white-space:nowrap;cursor:pointer;font-family:var(--font-body)}
.nav-burger{
  display:none;border-radius:var(--r-pill);background:none;cursor:flex;
  cursor:pointer;padding:0;flex-shrink:0}
.nav-burger span{display:block;width:16px;height:1.5px;background:var(--gold);border-radius:0}

/* ── footer ───────────────────────────────────────────────────────────── */
.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:var(--sp-7) var(--sp-5)}
.footer-logo-row{display:flex;align-items:center;gap:var(--sp-3)}
.footer-logo-name{font-family:var(--font-logo);font-size:var(--fs-2);letter-spacing:.3em;
  color:var(--cream)}
.footer-about{margin:var(--sp-4) 0;font-size:var(--fs-2);line-height:var(--lh-body);
  color:var(--text-2);max-width:34ch}
.footer-addr{font-size:var(--fs-1);line-height:var(--lh-loose);color:var(--text-3)}
.footer-addr strong{display:block;color:var(--text-2);font-weight:var(--fw-semi);
  letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--sp-1)}
.footer-col-title{font-size:var(--fs-1);font-weight:var(--fw-semi);letter-spacing:var(--ls-caps);
  text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-4)}
.footer-links{display:flex;flex-direction:column;gap:var(--sp-3)}
.footer-links a{font-size:var(--fs-2);color:var(--text-2);text-decoration:none;
  transition:color var(--dur-1) var(--ease)}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-8);padding-top:var(--sp-5)}
.footer-copy{font-size:var(--fs-1);color:var(--text-3)}
.footer-bottom-right{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}
.footer-bottom-right a{font-size:var(--fs-1);color:var(--text-3);text-decoration:none;
  transition:color var(--dur-1) var(--ease)}
.footer-bottom-right a:hover{color:var(--gold)}
.footer-in{display:inline-flex;align-items:center;gap:var(--sp-2)}
footer .wrap{max-width:1240px;margin:0 auto;padding:0 48px}

@media(max-width:860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:var(--sp-6)}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  footer .wrap{padding:0 var(--sp-5)}
}