/* THE STUDIO FOOTER (Dave picked the black design, Nov 5 2026)
   One footer for every page on thestudio.io. The block lives in
   ~/workspace/studio-nav-template/snippet.html; change styles here
   and every page that links this file follows. */
.sfoot{background:#101014;color:#f5f5f7;margin:0;padding:0;border-top:0;text-align:left;font-size:15px;line-height:1.5}
.sfoot .sfoot-wrap{max-width:1080px;margin:0 auto;padding:56px 32px 0}
.sfoot .sfoot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.sfoot .sfoot-brand{font-size:26px;font-weight:800;letter-spacing:-.5px;color:#f5f5f7}
.sfoot .sfoot-brand span{color:#d8ab4e}
.sfoot .sfoot-tag{color:#a1a1a6;font-size:14.5px;line-height:1.6;margin-top:10px;max-width:300px}
.sfoot .sfoot-cols{display:grid;grid-template-columns:repeat(3,auto);gap:64px}
.sfoot .sfoot-coltitle{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#d8ab4e;margin:0 0 14px}
.sfoot .sfoot-col a{display:block;color:#d6d6da;font-size:14.5px;padding:5px 0;text-decoration:none}
.sfoot .sfoot-col a:hover{color:#fff;text-decoration:underline}
.sfoot .sfoot-bar{border-top:1px solid #2c2c30;margin-top:48px;padding:20px 0 28px;display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;color:#86868b;font-size:12.5px;line-height:1.6}
.sfoot .sfoot-bar a{color:#a1a1a6;text-decoration:none}
.sfoot .sfoot-bar a:hover{text-decoration:underline}
@media(max-width:760px){.sfoot .sfoot-wrap{padding:44px 22px 0}.sfoot .sfoot-cols{gap:34px}}