/* --- NTS palette & base variables --- */
:root{
  /* Harmonized palette */
  --bg:#fff; --text:#0b1220; --muted:#637188; --card:#f6f7fb; --line:#e5e8ef;
  --brand:#0B1220;   /* midnight navy (primary) */
  --brand-2:#1F3A60; /* deep lake blue (secondary) */
  --accent:#2B6CF6;  /* soft royal (subtle accent, not neon) */
  --shadow:0 10px 30px rgba(20,30,60,.06);
  --radius:14px;

  /* CTA gradient unified in blues */
  --cta-from: var(--brand-2);
  --cta-to:   var(--brand);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0c0f16; --text:#e6eaf3; --muted:#94a3b8;
    --card:#121826; --line:#202a3a; --shadow:0 10px 30px rgba(0,0,0,.35);
  }
}

/* Brand in header: bigger wordmark + simpler monogram */
.brand{ display:flex; align-items:center; gap:14px; font-weight:800 }
.brand .monogram{
  width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
  color:#fff; font-size:18px; font-weight:900; box-shadow:var(--shadow);
}
.brand .wordmark{
  font-size:22px; line-height:1; letter-spacing:.2px;
}

/* CTAs: deep-blue gradient (no green) */
.cta{
  display:inline-block; padding:10px 14px; border-radius:12px; font-weight:700; border:0;
  background: linear-gradient(135deg, var(--cta-from) 0%, var(--cta-to) 100%);
  color:#fff; box-shadow:var(--shadow);
  transition: transform .06s ease, filter .15s ease;
}
.cta:hover,.cta:focus-visible{ filter:brightness(1.06) }
.cta:active{ transform: translateY(1px) }
.cta.subtle{
  background:transparent; color:var(--text); border:1px solid var(--line);
}
.cta.subtle:hover{ background: color-mix(in srgb, var(--card) 85%, transparent) }

/* Optional: scale “Palisades badge” image down a touch where used */
.brand-badge{ width: clamp(200px, 26vw, 300px); height:auto; display:block }

/* (Optional) tweak link color site-wide */
a{ color:var(--brand-2); }
a:hover{ text-decoration:underline; }


/* Brand logo sizing */
.brand-logo{ height: 68px; display:block }
@media (min-width: 900px){ .brand-logo{ height: 84px } }  /* bump on desktops */

/* Optional: if you previously had the "N" square badge */
.brand-mark{ display:none }  /* hide the old placeholder mark */


.palisades-badge{ margin:0; display:flex; justify-content:center; align-items:center }
.palisades-badge img{
  width: min(360px, 70%);   /* cap hard & shrink relative to column */
  height: auto;
  border-radius: 14px;
  box-shadow: var(--shadow);
}
@media (max-width: 900px){
  .palisades-badge img{ width: min(360px, 66%) }  /* smaller on mobile */
}