/* Sonic Paths v3 nav and footer for the pages that keep their own layout (expeditions, studio, explore). Everything is scoped to .spc-*. */
.spc-nav,.spc-foot{--acid:#C9F02C;--bone:#E6E1D4;--boned:#A39E91;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;color:#E6E1D4;letter-spacing:normal;text-transform:none;text-align:left;font-weight:400;background:#0E0B08}
.spc-nav *,.spc-foot *{box-sizing:border-box}
.spc-nav a,.spc-foot a{color:inherit;text-decoration:none}
.spc-nav ul,.spc-foot ul{list-style:none;margin:0;padding:0}
.spc-nav{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #2a241d}
.spc-logo{font:800 22px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#E6E1D4}
.spc-logo b{color:var(--acid);font-weight:800}
.spc-links{display:flex;gap:18px}
.spc-links a{font:500 12px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.spc-links a:hover{opacity:1;color:var(--acid)}
.spc-m{display:none}
.spc-m summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(14,11,8,.6);color:#E6E1D4}
.spc-m summary::-webkit-details-marker{display:none}
.spc-m ul{position:absolute;right:16px;top:66px;background:#15110d;border:1px solid #3a332b;border-radius:16px;padding:16px 22px;display:grid;gap:16px;min-width:210px;z-index:70}
.spc-m ul a{font:500 13px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.spc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spc-nav a:focus-visible,.spc-nav summary:focus-visible,.spc-foot a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.spc-foot{border-top:1px solid #2a241d;padding:40px 0 60px;color:var(--boned);font-size:14px}
.spc-wrap{max-width:1320px;margin:0 auto;padding:0 28px}
.spc-cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.spc-cols ul{display:grid;gap:6px}
.spc-foot a:hover{color:var(--acid)}
.spc-foot p{margin:14px 0}
.spc-mono{font:500 12px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.spc-fine{font-size:11px}
@media (max-width:980px){.spc-links{display:none}.spc-m{display:block}}
@media (max-width:640px){.spc-nav{padding:14px 16px}.spc-wrap{padding:0 16px}}