/* Founding-member urgency bar (30 Oct 2026). Markup: includes/topbar.php.
   Sits above the header; the header is pushed down by the bar's height until it
   turns sticky (.is-scrolled) or the bar is closed (CSS-only checkbox). */
.founder-topbar-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.founder-topbar{position:relative;z-index:40;height:var(--topbar-h,40px);background:var(--sand);color:var(--deep);font-size:.82rem;line-height:1.2}
.founder-topbar-row{display:flex;align-items:center;gap:14px;height:100%}
.founder-topbar-text{display:flex;align-items:center;gap:10px;min-width:0;margin:0 auto 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.founder-topbar-text>span:not(.founder-topbar-dot){overflow:hidden;text-overflow:ellipsis}
.founder-topbar strong{font-weight:700}
.founder-topbar-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 0 rgba(3,43,34,.45);animation:founder-pulse 1.8s ease-out infinite}
@keyframes founder-pulse{0%{box-shadow:0 0 0 0 rgba(3,43,34,.45)}70%{box-shadow:0 0 0 7px rgba(3,43,34,0)}100%{box-shadow:0 0 0 0 rgba(3,43,34,0)}}
.founder-topbar-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--deep);color:var(--cream);font-weight:700;text-decoration:none;white-space:nowrap}
.founder-topbar-cta:hover,.founder-topbar-cta:focus-visible{background:var(--forest)}
.founder-topbar-close{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;margin-right:-6px;border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer}
.founder-topbar-close:hover,.founder-topbar-toggle:focus-visible+.founder-topbar .founder-topbar-close{background:rgba(3,43,34,.12);outline:2px solid var(--deep);outline-offset:1px}
.founder-topbar-short{display:none}

/* Push the header (absolute over the hero, or fixed on inner pages) below the bar */
body:has(.founder-topbar-toggle:not(:checked)) .site-header:not(.is-scrolled){top:var(--topbar-h,40px)}
.founder-topbar-toggle:checked+.founder-topbar{display:none}

@media(max-width:760px){
  .founder-topbar{--topbar-h:38px;font-size:.78rem}
  body:has(.founder-topbar-toggle:not(:checked)){--topbar-h:38px}
  .founder-topbar-row{gap:10px}
  .founder-topbar-long{display:none}
  .founder-topbar-short{display:inline}
  .founder-topbar-cta{padding:5px 10px}
}
@media(prefers-reduced-motion:reduce){.founder-topbar-dot{animation:none}}
