/* Sole owner of desktop header and shared footer. Content stays in index.html. */
.head{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;white-space:nowrap;font-weight:800}
.brand-name{font-size:18px;letter-spacing:.03em;line-height:1.4}
.brand-name small{display:block;font-size:10px;letter-spacing:.12em;font-weight:400;color:#a39d90;margin-top:4px}
.head nav{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;padding:0}
.head nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:44px;min-width:72px;padding:0 20px;white-space:nowrap;line-height:1;font-size:14px;font-weight:600;border-radius:8px;color:#cfc8b8}
.head nav a.active{background:var(--gold);color:var(--ink)}
.head nav a:hover{color:#fffefa;background:#26272b}
.head nav a.active:hover{color:var(--ink);background:#e6d2a7}
footer{width:100%;max-width:1160px;margin:32px auto 0;padding:24px 32px 32px;border-top:1px solid var(--line);text-align:center;font-size:11px;line-height:2;color:var(--muted);flex-shrink:0}
footer>div:first-child{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-bottom:8px}
footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px}
footer a:hover{color:var(--gold-ink)}
footer>div:last-child{font-size:10px;margin-top:8px}
@media(min-width:651px){body>header{background:var(--ink);border-bottom:1px solid #2a2b2f;color:#fffefa}.brand{color:#fffefa}}
@media(min-width:651px) and (max-width:900px){.head{gap:16px;min-height:72px}.head nav{gap:4px}.head nav a{min-width:60px;padding:0 12px}.brand-name{font-size:16px}.brand-name small{display:none}}
@media(max-width:650px){footer{padding:20px 16px;margin-top:24px;font-size:10px;border:0}footer>div:first-child{gap:4px 20px}}