.ff-header{position:sticky;top:0;z-index:50;background:linear-gradient(to bottom,rgba(9,9,11,0.98),rgba(9,9,11,0.94),rgba(9,9,11,0.9));backdrop-filter:blur(16px);border-bottom:1px solid rgba(39,39,42,0.95)}
.ff-header__inner{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;gap:1.5rem}
.ff-header__brand{display:flex;align-items:center;gap:0.9rem;color:#f9fafb;white-space:nowrap}
.ff-header__logo-mark{width:30px;height:30px;border-radius:999px;border:1px solid rgba(245,158,11,0.8);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0,#fbbf24,#f59e0b 55%,#92400e 100%);box-shadow:0 0 0 1px rgba(15,23,42,1),0 14px 35px rgba(0,0,0,0.9)}
.ff-header__logo-mark-inner{width:16px;height:16px;border-radius:50%;border:1px solid rgba(9,9,11,0.9);background:radial-gradient(circle at 50% 30%,#fefce8,#fde68a 50%,#713f12 100%)}
.ff-header__wordmark{display:flex;flex-direction:column;line-height:1.1}
.ff-header__wordmark-primary{font-family:var(--font-display, "Playfair Display", serif);font-size:1.125rem;letter-spacing:0.25em;text-transform:uppercase}
.ff-header__wordmark-sub{font-family:var(--font-sans, "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:#a1a1aa}
.ff-header__nav{display:flex;align-items:center;gap:2.5rem}
.ff-header__nav-list{display:flex;align-items:center;gap:1.8rem;font-family:var(--font-sans, "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.18em}
.ff-header__nav-link{position:relative;color:#d4d4d8;padding-block:0.35rem;transition:color 180ms ease-out}
.ff-header__nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,#f59e0b,#059669);transition:width 180ms ease-out}
.ff-header__nav-link:hover{color:#f9fafb}
.ff-header__nav-link:focus-visible{outline:2px solid #f59e0b;outline-offset:4px}
.ff-header__nav-link:hover::after{width:100%}
.ff-header__cta-wrap{display:flex;align-items:center}
.ff-header__cta{font-size:0.72rem;padding:0.6rem 1.4rem}
.ff-header__toggle{display:none;position:relative;width:2.3rem;height:2.3rem;border-radius:999px;border:1px solid rgba(63,63,70,0.9);background:rgba(15,23,42,0.8);align-items:center;justify-content:center;flex-direction:column;gap:0.3rem;transition:background-color 180ms ease-out,border-color 180ms ease-out,transform 120ms ease-out}
.ff-header__toggle-bar{width:1.2rem;height:1px;border-radius:999px;background:#e5e7eb;transition:transform 180ms ease-out,opacity 180ms ease-out}
.ff-header__toggle:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
.ff-header__toggle[aria-expanded="true"]{background:rgba(15,23,42,1);border-color:rgba(245,158,11,0.8)}
.ff-header__toggle[aria-expanded="true"] .ff-header__toggle-bar:first-child{transform:translateY(3px) rotate(42deg)}
.ff-header__toggle[aria-expanded="true"] .ff-header__toggle-bar:last-child{transform:translateY(-3px) rotate(-42deg)}
@media (max-width:900px){.ff-header__toggle{display:flex}.ff-header__nav{position:fixed;inset-inline:0;top:3.7rem;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.25rem 1.5rem 1.75rem;background:radial-gradient(circle at top,rgba(15,23,42,0.98),rgba(9,9,11,0.98));border-bottom:1px solid rgba(39,39,42,0.95);box-shadow:0 24px 60px rgba(0,0,0,0.9);transition:opacity 180ms ease-out,transform 180ms ease-out,visibility 180ms ease-out;max-height:80vh;overflow:auto}.ff-header__nav-list{flex-direction:column;align-items:flex-start;gap:1rem}.ff-header__nav-link{font-size:0.8rem}.ff-header__nav--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.ff-header__cta-wrap{width:100%;justify-content:flex-start}.ff-header__cta{width:100%;justify-content:center}}
@media (max-width:520px){.ff-header__wordmark-primary{font-size:1rem;letter-spacing:0.2em}.ff-header__inner{padding-block:0.7rem}.ff-header__logo-mark{width:26px;height:26px}}
.ff-header__nav-list,.ff-header__nav-item{list-style:none!important}

/* --- visual fix pass 2026-08-06 --- */
@media (max-width: 1024px) {
  .ff-header__nav,
  .ff-header__nav--open {
    background: #09090b;
    background-color: #09090b;
    background-image: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .ff-header__nav-list.nav-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .ff-header__nav-link {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
}
@media (min-width: 769px) {
  .ff-header__nav-list.nav-menu {
    display: flex;
    visibility: visible;
    opacity: 1;
  }
}
.ff-header__brand {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.ff-header__wordmark-sub {
  font-size: 12px;
}


/* --- mobile side padding fix 2026-08-06 --- */
@media (max-width: 768px) {
  .ff-header .container.ff-header__inner,
  .ff-header__inner.container {
    padding-inline: 1.75rem;
  }
  .ff-header__inner {
    gap: 0.85rem;
  }
  .ff-header__brand {
    min-width: 0;
    gap: 0.65rem;
  }
  .ff-header__wordmark {
    min-width: 0;
  }
  .ff-header__wordmark-primary {
    font-size: 0.95rem;
    letter-spacing: 0.14em;
  }
  .ff-header__wordmark-sub {
    letter-spacing: 0.12em;
    font-size: 0.65rem;
  }
  .ff-header__toggle {
    flex-shrink: 0;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .ff-header .container.ff-header__inner,
  .ff-header__inner.container {
    padding-inline: 1.5rem;
  }
}
