/* Mobile header menu. Desktop nav is unchanged. Frank color tokens. */
@font-face{font-family:'GC Furion';src:url('/assets/gcfurion-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

.nav,.frank-bar{
  position:sticky;top:0;z-index:70;
  background:var(--bg,#F6F3F7);
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.nav-right .nav-link,.nav-right .frank-cta{margin-left:0}

button.nav-burger{
  display:none;
  box-sizing:border-box;
  width:40px;height:40px;margin:0;padding:0;
  border:1px solid var(--line,#927784);
  background:var(--paper,#FFF9F6);
  color:var(--ink,#1C0F26);
  border-radius:0;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
  position:relative;z-index:71;
  font:inherit;text-transform:none;letter-spacing:0;line-height:1;
  box-shadow:none;
  transition:border-color .2s ease,background .2s ease,transform .15s ease;
}
button.nav-burger:hover{border-color:var(--accent,#E87736);background:var(--paper,#FFF9F6);color:var(--ink,#1C0F26)}
button.nav-burger:active{transform:scale(.96)}
button.nav-burger span{
  display:block;width:16px;height:1.5px;background:var(--ink,#1C0F26);
  border-radius:0;transition:transform .22s ease,opacity .18s ease,background .2s ease;
  transform-origin:center;
}
button.nav-burger[aria-expanded="true"]{
  border-color:var(--accent,#E87736);
  background:var(--paper,#FFF9F6);
}
button.nav-burger[aria-expanded="true"] span{background:var(--accent,#E87736)}
button.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
button.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
button.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.nav-drawer{
  display:none;
  position:fixed;left:0;right:0;top:59px;bottom:0;z-index:55;
  background:var(--bg,#F6F3F7);
  overflow:auto;-webkit-overflow-scrolling:touch;
}
.nav-drawer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,249,246,.22) 42%,transparent 68%);
  background-size:220% 100%;
  animation:navSheen 18s linear infinite;
}
.nav-drawer.open{display:block}
.nav-drawer-in{position:relative;max-width:520px;margin:0 auto;padding:28px 28px 48px}
.nav-drawer a{
  display:block;padding:18px 0 16px;
  font:700 26px/1.1 'GC Furion',Georgia,serif;
  letter-spacing:-.015em;
  color:var(--ink,#1C0F26);text-decoration:none;
  border-bottom:1px solid var(--hair,#92778450);
  min-height:60px;
}
.nav-drawer a:hover{color:var(--signal,#9D2D1F)}
.nav-drawer a.nav-drawer-cta{
  margin-top:26px;padding:15px 18px;text-align:center;min-height:0;
  border:1px solid var(--accent,#E87736);
  background:var(--accent,#E87736);color:var(--on-accent,#1C0F26);
  font:400 14px/1 var(--ui,Monda,'Trebuchet MS',sans-serif);
  text-transform:uppercase;letter-spacing:.1em;
  box-shadow:none;
}
.nav-drawer a.nav-drawer-cta:hover{background:transparent;color:var(--signal,#9D2D1F);border-color:var(--signal,#9D2D1F)}
.nav-type{display:inline}
.nav-ch{
  display:inline-block;
  opacity:0;
  transform:translateY(5px);
  will-change:opacity,transform;
}
.nav-drawer.typing .nav-ch{
  animation:navType .32s cubic-bezier(.2,.7,.2,1) forwards;
  animation-delay:calc(var(--item, 0) * 110ms + var(--ch, 0) * 22ms);
}
.nav-drawer.typing .nav-drawer-cta{
  animation:navCtaIn .95s cubic-bezier(.2,.7,.2,1) forwards;
  animation-delay:calc(var(--cta-delay, 420ms));
  opacity:0;filter:blur(8px);
}
@keyframes navType{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}
@keyframes navCtaIn{
  from{opacity:0;filter:blur(8px)}
  to{opacity:1;filter:blur(0)}
}
@keyframes navSheen{
  from{background-position:120% 0}
  to{background-position:-20% 0}
}
body.nav-open{overflow:hidden}
html.unlocked .nav-drawer,body.unlocked .nav-drawer{display:none!important}
@media(max-width:800px){
  .nav-links,.nav-cta,.frank-links,.nav-right .nav-link,.nav-right .frank-cta{display:none!important}
  button.nav-burger{display:flex}
}
@media(prefers-color-scheme:dark){
  .nav-drawer::before{background:linear-gradient(115deg,transparent 0%,rgba(36,21,43,.35) 42%,transparent 68%)}
}
@media(prefers-reduced-motion:reduce){
  button.nav-burger span,.nav-drawer,.nav-drawer.typing .nav-ch,.nav-drawer.typing .nav-drawer-cta{animation:none;transition:none}
  .nav-drawer::before{animation:none}
  .nav-ch,.nav-drawer.typing .nav-drawer-cta{opacity:1;transform:none;filter:none}
}