/* Navigation refinement, measured against the public Fora header on 2026-10-02.
   Scoped to the header; the rest of the homepage remains a design draft. */
.site-header {position:fixed;}
.site-header .nav-shadow {
  position:absolute;
  top:-42px;
  left:0;
  right:0;
  height:204px;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background-image:linear-gradient(to bottom,#000,transparent);
  transition:opacity .6s var(--nav-shadow-ease,cubic-bezier(.22,1,.36,1));
}
.site-header.is-scrolled .nav-shadow {opacity:1;}
.site-header .nav-inner {position:relative;z-index:1;}
.site-header #mobile-menu {z-index:2;max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain;}
.site-header .nav-inner {
  width:calc(100% - 48px);
  max-width:1080px;
  min-height:60px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:48px;
}
.site-header .desktop-nav {gap:48px; flex:none; justify-content:center;}
.site-header .desktop-nav a,
.site-header .login-link {
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:21px;
  letter-spacing:-.02em;
  color:rgba(255,255,255,.8);
}
.site-header .desktop-nav a:hover,
.site-header .login-link:hover {color:var(--ink);}
.site-header .nav-actions {justify-self:end; margin:0; gap:16px;}
.site-header .button-nav {
  position:relative;
  min-height:36px;
  height:36px;
  width:109px;
  flex:0 0 auto;
  padding:0 24px;
  border:0;
  border-radius:768px;
  background:rgba(255,255,255,.1);
  color:#fff3f0;
  font:400 14px/21px Inter,Arial,sans-serif;
  letter-spacing:-.02em;
  box-shadow:none;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transform:none;
  transition:background-color .3s ease;
}
.site-header .button-nav:after {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:inherit;
  pointer-events:none;
}
.site-header .button-nav:hover {background:rgba(255,255,255,.16); transform:none; box-shadow:none;}
.site-header .brand {justify-self:start;}
/* Brand studies are opt-in via a preview query, never persisted. */
.brand-study {display:inline-flex;align-items:center;white-space:nowrap;color:#fff3f0;font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1;}
.brand-study img {object-fit:contain;mix-blend-mode:screen;flex:none;}
.brand-integrated {gap:0;font-size:26px;align-items:baseline;}
.brand-integrated img {width:23px;height:28px;align-self:center;margin-right:-1px;}
.brand-separated {gap:12px;font-size:25px;font-weight:400;letter-spacing:-.045em;}
.brand-separated img {width:17px;height:23px;}
.brand-framed {gap:10px;font-size:25px;font-weight:500;letter-spacing:-.05em;}
.brand-framed .brand-frame {display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#ffffff0b;border:1px solid #ffffff20;}
.brand-framed img {width:18px;height:23px;}
.brand-wordmark {font-size:28px;font-weight:500;letter-spacing:-.065em;}
.site-header #mobile-menu .mobile-start {display:flex;justify-content:center;align-items:center;width:max-content;min-width:140px;margin:12px auto 4px;padding:0 24px;border-radius:768px;}
@media (max-width:1023.98px) {
  html {scroll-padding-top:89px;}
  .site-header .nav-inner {max-width:720px;min-height:69px;display:flex;gap:20px;justify-content:space-between;}
  .site-header .desktop-nav,.site-header .nav-actions>.login-link,.site-header .nav-actions>.button-nav {display:none;}
  .site-header .nav-actions {margin-left:auto;}
  .site-header #menu-toggle {display:block;}
  .site-header #mobile-menu {max-width:720px;margin:auto;inset:69px 24px auto;}
}
@media (max-width:359px) {.site-header .nav-inner {width:calc(100% - 32px);}.site-header #mobile-menu {left:16px;right:16px;}}
@media (prefers-reduced-motion:reduce) {.site-header .button-nav,.site-header .nav-shadow{transition:none;}}

/* Sampled 600ms spring: source bounce .1, zero initial velocity. */
@supports (transition-timing-function:linear(0,1)) {
  .site-header {--nav-shadow-ease:linear(0.00000,0.00918,0.03374,0.06981,0.11415,0.16413,0.21761,0.27285,0.32849,0.38345,0.43693,0.48831,0.53716,0.58318,0.62621,0.66615,0.70300,0.73681,0.76765,0.79566,0.82097,0.84375,0.86417,0.88239,0.89859,0.91294,0.92559,0.93672,0.94646,0.95495,0.96233,0.96872,0.97422,0.97894,0.98297,0.98639,0.98929,0.99172,0.99375,0.99544,0.99683,0.99796,0.99887,0.99960,1.00017,1.00061,1.00094,1.00118,1.00135,1.00145,1.00151,1.00152,1.00151,1.00147,1.00142,1.00135,1.00127,1.00119,1.00111,1.00102,1);}
}