/* Minyona site chrome v1: nav, drawer, footer. Canonical markup: SITE-NAV and SITE-FOOTER blocks.
   Tokens live on the chrome roots, not :root, so page :root vars cannot recolor the chrome. */
.nav,.menu-panel,.footer{
  --bg:#07070a;--bg-elevated:#0c0c10;--bg-card:rgb(21,21,27);
  --text:#fafaf9;--text-2:#a8a8b3;--text-muted:#8a8a95;
  --accent:#e07714;--accent-2:#f0983a;--on-accent:#07070a;
  --border:rgba(255,255,255,.06);--border-strong:rgba(255,255,255,.12);--focus:#f0983a;
  --font-body:'Sora',-apple-system,sans-serif;
  --fs-small:.875rem;--fs-eyebrow:.75rem;
  --s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;
  --gutter:clamp(16px,5vw,64px);--w-content:1200px;
  --r-sm:12px;--r-md:16px;--r-pill:999px;--tap:44px;--ease-out:cubic-bezier(.16,1,.3,1);
  font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--text);
  -webkit-font-smoothing:antialiased;text-align:left;letter-spacing:normal
}
.nav *,.nav *::before,.nav *::after,.footer *,.footer *::before,.footer *::after{box-sizing:border-box}
.nav p,.nav ul,.nav li,.footer p{margin:0}
.nav ul{padding:0;list-style:none}
.nav li{padding:0}
.nav li::before,.nav li::after{content:none}
.nav a,.footer a{color:inherit;text-decoration:none}
.nav img,.footer img{max-width:100%;height:auto}
.nav svg,.footer svg{display:inline-block;flex:0 0 auto}

/* layout */
.nav .container,.footer .container{width:100%;max-width:var(--w-content);margin-inline:auto;padding-inline:var(--gutter)}

/* nav */
.nav{position:sticky;top:0;z-index:1000;display:block;width:100%;background:var(--bg);border-bottom:1px solid var(--border)}
.nav .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:68px;margin-block:0}
.nav .nav-logo{display:inline-flex;align-items:center;min-height:var(--tap);flex:0 0 auto}
.nav .nav-logo img,.footer .nav-logo img{display:block;width:122px;height:32px;max-width:none}
.nav .nav-links{display:none}
.nav .nav-cta.btn{display:none}
.nav .menu-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;margin:0;padding:0;background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);cursor:pointer;flex:0 0 auto}
.nav .menu-btn span{display:block;width:20px;height:2px;background:currentColor;transition:transform .2s var(--ease-out),opacity .2s}
.nav .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* drawer */
.nav .menu-panel{position:absolute;left:0;right:0;top:100%;width:100%;max-width:100vw;max-height:calc(100vh - 69px);max-height:calc(100dvh - 69px);overflow-y:auto;overscroll-behavior:contain;background:var(--bg-elevated);border-bottom:1px solid var(--border-strong);padding:var(--s-4) var(--gutter) var(--s-6)}
.nav .menu-panel[hidden]{display:none}
.nav .menu-panel a{display:flex;align-items:center;min-height:var(--tap);color:var(--text);font-size:1rem}
.nav .menu-panel .menu-label{margin-top:var(--s-2);padding-left:var(--s-4);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.nav .menu-panel .menu-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-4);padding-left:var(--s-4);margin-bottom:var(--s-2)}
.nav .menu-panel .menu-sub a{color:var(--text-2);font-size:var(--fs-small);line-height:1.3}
.nav .menu-panel .btn{width:100%;margin-top:var(--s-4)}

/* buttons inside the chrome */
.nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:52px;margin:0;padding:0 28px;border-radius:var(--r-pill);font:600 1rem/1.2 var(--font-body);text-decoration:none;text-align:center;text-transform:none;letter-spacing:normal;border:1px solid transparent;box-shadow:none;transform:none;transition:transform .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out)}
.nav .btn-primary{background:var(--accent);color:var(--on-accent)}
.nav .nav-cta.btn{min-height:var(--tap);padding:0 20px;font-size:.875rem;width:auto;white-space:nowrap;flex:0 0 auto}

/* dropdowns */
.nav .nav-dd{position:relative}
.nav .nav-dd-trigger svg{width:14px;height:14px;margin-left:4px}
.nav .nav-dd-btn{margin:0;background:transparent;border:0;border-radius:0;cursor:pointer;font:inherit;line-height:1.2}
.nav .nav-dd-menu{display:none;position:absolute;z-index:2;top:100%;right:0;width:260px;max-width:calc(100vw - 32px);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.nav .nav-dd-wide .nav-dd-menu{left:0;right:auto;width:760px;padding:var(--s-5)}
.nav .nav-dd-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s-5)}
.nav .nav-dd-group{display:flex;flex-direction:column;min-width:0}
.nav .nav-dd-label{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--s-2)}
.nav .nav-dd-menu a{display:flex;align-items:center;min-height:36px;color:var(--text-2);font-size:var(--fs-small);line-height:1.3}
.nav .nav-dd-menu .nav-dd-all{color:var(--accent-2);margin-top:var(--s-3);border-top:1px solid var(--border);padding-top:var(--s-2);min-height:var(--tap)}
.nav .nav-dd-all svg{width:14px;height:14px;margin-left:6px}
.nav .nav-dd-btn[aria-expanded="true"]+.nav-dd-menu{display:block}

@media (min-width:1100px){
  .nav .nav-links{display:flex;align-items:center;gap:2px;margin:0 auto 0 var(--s-4)}
  .nav .nav-links>li>a,.nav .nav-links>li>.nav-dd-btn{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 9px;font-size:.875rem;font-weight:400;color:var(--text-2);white-space:nowrap}
  .nav .nav-dd-wide:focus-within .nav-dd-menu{display:block}
  .nav .nav-dd.is-closed .nav-dd-menu{display:none}
  .nav .nav-cta.btn{display:inline-flex}
  .nav .menu-btn,.nav .menu-panel{display:none!important}
}

/* footer */
.footer{display:block;background:var(--bg-elevated);border-top:1px solid var(--border);padding-block:var(--s-8) var(--s-6);margin:0}
.footer .footer-grid{display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}
.footer .footer-brand,.footer .footer-col-trades{grid-column:1/-1}
@media (max-width:767.98px){
  .footer .footer-brand+.footer-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-4)}
  .footer .footer-brand+.footer-col .footer-heading{grid-column:1/-1}
}
.footer .footer-desc{color:var(--text-muted);font-size:var(--fs-small);margin-top:var(--s-4);max-width:36ch}
.footer .footer-heading{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--s-2)}
.footer .footer-col{min-width:0}
.footer .footer-col a{display:flex;align-items:center;min-height:32px;color:var(--text-muted);font-size:var(--fs-small);line-height:1.3}
.footer .footer-trades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-4)}
.footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--border);font-size:var(--fs-small);color:var(--text-muted)}
.footer .footer-bottom-links{display:flex;align-items:center;gap:var(--s-2)}
.footer .footer-bottom-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--text-muted)}
.footer .footer-social{display:flex;gap:var(--s-2)}
.footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--border);color:var(--text-muted)}
.footer .footer-social svg{width:18px;height:18px}
@media (max-width:1023.98px),(pointer:coarse){.footer .footer-col a,.footer .footer-bottom-links a{min-height:var(--tap)}}
@media (min-width:768px){
  .footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer .footer-col-trades{grid-column:span 2}
}
@media (min-width:1100px){
  .footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
  .footer .footer-col-trades{grid-column:auto}
}

/* focus and motion */
.nav :focus-visible,.footer :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .nav *,.nav *::before,.nav *::after,.footer *{animation:none!important;transition:none!important}
}

/* hover: every chrome hover rule lives here */
@media (hover:hover){
  .nav .btn-primary:hover{transform:translateY(-1px);background:var(--accent-2);box-shadow:none}
  .nav .nav-links>li>a:hover,.nav .nav-links>li>.nav-dd-btn:hover{color:var(--text)}
  .nav .nav-dd-wide:hover .nav-dd-menu{display:block}
  .nav .nav-dd-wide.is-closed:hover .nav-dd-menu{display:none}
  .nav .nav-dd-menu a:hover,.nav .menu-panel .menu-sub a:hover{color:var(--text)}
  .nav .nav-dd-menu .nav-dd-all:hover{color:var(--text)}
  .footer .footer-col a:hover,.footer .footer-bottom-links a:hover,.footer .footer-social a:hover{color:var(--text)}
  .nav .menu-btn:hover{border-color:var(--text-2)}
}