/* Medusa Heads — shared navbar + footer
   Loaded on every page after the page's own <style>. Fonts are imported by each page. */
:root{--sn-h:78px;--sn-line:#24241f;--sn-bronze:#b79a63;--sn-bronze2:#6f5b39;--sn-ink:#f1eee7;--sn-mute:#74766f;--sn-night:#070b12}

/* ---------- NAVBAR ---------- */
.site-nav{position:sticky;top:0;z-index:50;height:var(--sn-h);border-bottom:1px solid var(--sn-line);background:rgba(7,11,18,.96)}
.sn-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5vw}
.sn-brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--sn-ink);flex:0 0 auto}
.sn-logo{width:36px;height:36px;display:block;filter:drop-shadow(0 0 10px rgba(242,167,102,.18))}
.sn-name{font:600 17px "Cormorant Garamond",serif;letter-spacing:.16em;line-height:1}
.sn-name small{display:block;font:400 8px "IBM Plex Mono",monospace;color:#77786f;letter-spacing:.22em;margin-top:5px}

.sn-links{display:flex;align-items:center;gap:4px}
.sn-links>a,.sn-dropbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid transparent;background:transparent;color:#9a9d97;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.16em;text-decoration:none;cursor:pointer;transition:color .2s,border-color .2s}
.sn-links>a:hover,.sn-dropbtn:hover{color:#e4d3ae}
.sn-links>a[aria-current="page"]{color:var(--sn-bronze);border-bottom-color:var(--sn-bronze)}
.sn-caret{font-size:8px;color:var(--sn-bronze2);transition:transform .2s}
.sn-drop{position:relative}
.sn-drop.open .sn-caret,.sn-drop:hover .sn-caret{transform:rotate(180deg)}
.sn-menu{position:absolute;left:0;top:calc(100% + 10px);min-width:290px;border:1px solid #34312a;background:linear-gradient(145deg,#0d131c,#080c12);box-shadow:0 20px 50px rgba(0,0,0,.5);padding:8px 0;display:none}
.sn-menu:before{content:"";position:absolute;left:-1px;top:-1px;width:12px;height:12px;border-left:1px solid var(--sn-bronze);border-top:1px solid var(--sn-bronze);opacity:.7}
.sn-drop.open .sn-menu,.sn-drop:hover .sn-menu{display:block}
.sn-menu a{display:flex;align-items:baseline;gap:12px;padding:9px 16px;color:#a9aba5;text-decoration:none;font:400 12px Inter,sans-serif;transition:background .15s,color .15s}
.sn-menu a b{font:500 8px "IBM Plex Mono",monospace;color:var(--sn-bronze);letter-spacing:.14em;min-width:22px}
.sn-menu a:hover{background:rgba(183,154,99,.07);color:var(--sn-ink)}
.sn-menu a[aria-current="page"]{color:var(--sn-ink);background:rgba(121,215,232,.05)}
.sn-menu a[aria-current="page"] b{color:#79d7e8}

.sn-right{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.sn-step{font:400 9px "IBM Plex Mono",monospace;color:var(--sn-mute);letter-spacing:.15em;white-space:nowrap}
.sn-step b{color:var(--sn-bronze);font-weight:400}
.sn-step b.live{color:#8fbf9d}
.sn-cta{border:1px solid var(--sn-bronze);color:#e4d3ae;padding:11px 15px;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.13em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.sn-cta:hover{background:var(--sn-bronze);color:#080b10}
.sn-burger{display:none;width:40px;height:40px;border:1px solid #35342e;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.sn-burger span{display:block;width:16px;height:1px;background:#c8b991;transition:transform .25s,opacity .25s}
.sn-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sn-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sn-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.sn-links>a,.sn-dropbtn{white-space:nowrap}
@media(max-width:1280px){.sn-links>a,.sn-dropbtn{padding:0 9px;letter-spacing:.12em}.sn-inner{gap:16px}}
@media(max-width:1100px){.sn-name small{display:none}.sn-step{display:none}.sn-links{gap:0}.sn-links>a,.sn-dropbtn{padding:0 7px;letter-spacing:.1em}}
@media(max-width:900px){
  .sn-burger{display:flex}
  .sn-cta{display:none}
  .sn-links{display:none;position:absolute;left:0;right:0;top:var(--sn-h);flex-direction:column;align-items:stretch;gap:0;padding:8px 4.5vw 18px;border-bottom:1px solid var(--sn-line);background:#070b12}
  .site-nav.open .sn-links{display:flex}
  .sn-links>a,.sn-dropbtn{height:46px;padding:0 4px;border:0;border-bottom:1px solid #1d1f1c;width:100%;justify-content:space-between;font-size:10px}
  .sn-links>a[aria-current="page"]{border-bottom-color:#1d1f1c}
  .sn-drop:hover .sn-menu{display:none}
  .sn-drop.open .sn-menu{display:block}
  .sn-menu{position:static;min-width:0;border:0;background:transparent;box-shadow:none;padding:4px 0 8px}
  .sn-menu:before{display:none}
  .sn-menu a{padding:8px 4px 8px 14px}
  .sn-links>.sn-mobile-cta{display:block;height:auto;border:1px solid var(--sn-bronze);margin-top:14px;border:1px solid var(--sn-bronze);color:#e4d3ae;padding:13px;text-align:center;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.13em;text-decoration:none}
}
@media(min-width:901px){.sn-links>.sn-mobile-cta{display:none}}

/* ---------- FOOTER ---------- */
.site-footer{border-top:1px solid var(--sn-line);background:linear-gradient(180deg,rgba(7,11,18,0),rgba(5,8,13,.9));color:#8f938f;margin-top:40px}
.sf-inner{max-width:1460px;margin:auto;padding:56px 5vw 40px;display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1fr;gap:40px}
.sf-brand{display:grid;grid-template-columns:auto 1fr;gap:14px 14px;align-items:center;align-content:start}
.sf-logo{width:44px;height:44px;grid-row:span 1;filter:drop-shadow(0 0 12px rgba(242,167,102,.18))}
.sf-name{font:600 17px "Cormorant Garamond",serif;letter-spacing:.16em;color:var(--sn-ink);line-height:1}
.sf-name small{display:block;font:400 8px "IBM Plex Mono",monospace;color:#77786f;letter-spacing:.22em;margin-top:5px}
.sf-tag{grid-column:1/-1;margin:4px 0 0;max-width:380px;font:400 13px/1.7 Inter,sans-serif;color:#8f938f}
.sf-tag b{color:#c8b991;font-weight:500}
.sf-rule{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#666a67;font:400 8px "IBM Plex Mono",monospace;letter-spacing:.12em;margin-top:6px}
.sf-rule:before{content:"";width:36px;height:1px;background:var(--sn-bronze2)}
.sf-col h4{margin:0 0 16px;font:500 8px "IBM Plex Mono",monospace;color:var(--sn-bronze);letter-spacing:.22em}
.sf-col a{display:block;color:#9ea19c;text-decoration:none;font:400 13px/1.4 Inter,sans-serif;padding:6px 0;border-bottom:1px solid transparent;transition:color .15s}
.sf-col a:hover{color:var(--sn-ink)}
.sf-col a[aria-current="page"]{color:var(--sn-ink)}
.sf-flow{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.sf-flow a{display:flex;gap:10px;align-items:baseline;font-size:12px}
.sf-flow a b{font:500 8px "IBM Plex Mono",monospace;color:var(--sn-bronze2);letter-spacing:.12em;min-width:18px}
.sf-flow a[aria-current="page"] b{color:#79d7e8}
.sf-bottom{border-top:1px solid var(--sn-line)}
.sf-bottom div{max-width:1460px;margin:auto;padding:20px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:400 8px "IBM Plex Mono",monospace;color:#5f625e;letter-spacing:.1em}
.sf-bottom b{color:var(--sn-bronze);font-weight:400}
@media(max-width:1000px){.sf-inner{grid-template-columns:1fr 1fr;gap:36px 30px}.sf-brand{grid-column:1/-1}}
@media(max-width:600px){.sf-inner{grid-template-columns:1fr;padding:44px 20px 30px}.sf-flow{grid-template-columns:1fr}.sf-bottom div{padding:18px 20px;flex-direction:column;gap:8px}}