/* FAI demo kit — shared tokens + top bar. Same palette as the portfolio (ámbar). */
@font-face{font-family:"FAI Display";src:url("../../fonts/fai-big-shoulders-es-en-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"FAI Body";src:url("../../fonts/fai-archivo-es-en-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"FAI Mono";src:url("../../fonts/fai-jetbrains-mono-es-en-variable.woff2") format("woff2");font-weight:100 800;font-display:swap}
:root{
  --fai-bg:#131009;--fai-surface:#1C1710;--fai-ink:#F4EADC;--fai-ink-2:#BFAE98;--fai-line:#3A2F22;
  --fai-accent:#FF9142;--fai-accent-ink:#17110B;--fai-focus:#FFD48A;
  --fai-display:"FAI Display","Arial Narrow",sans-serif;
  --fai-body:"FAI Body","Helvetica Neue",Arial,sans-serif;
  --fai-mono:"FAI Mono",ui-monospace,Consolas,monospace;
  --fai-bar-h:3.25rem;
}
.fai-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;min-height:var(--fai-bar-h);padding:0 max(16px,env(safe-area-inset-left));background:rgb(19 16 9/.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--fai-line);color:var(--fai-ink);font:500 .875rem/1 var(--fai-mono)}
.fai-bar a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;min-width:44px;justify-content:center}
.fai-bar a:hover{color:var(--fai-accent)}
.fai-bar a:focus-visible,.fai-focus:focus-visible{outline:2px solid var(--fai-focus);outline-offset:3px;border-radius:4px}
.fai-bar__brand b{color:var(--fai-accent);font-weight:700}
.fai-bar__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fai-ink-2)}
.fai-ig svg{width:22px;height:22px}
.fai-ig .fai-ig__star{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fai-ig:hover .fai-ig__star,.fai-ig:focus-visible .fai-ig__star{transform:rotate(45deg) scale(1.15)}
.fai-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.fai-ig .fai-ig__star{transition:none}}