/* Шапка и подвал — общие для всех страниц. Подключается ПОСЛЕ стилей страницы. */
.hdr{display:flex;align-items:center;gap:32px;height:80px}
.logo{display:flex;flex-direction:row;align-items:center;gap:12px;line-height:1}
.logo .lm{width:auto;height:64px;flex:none}
.logo .lt{display:flex;flex-direction:column;line-height:1}
.logo b{font:300 36px/1 var(--serif);letter-spacing:.08em}
.logo .lt span{font-size:10px;letter-spacing:.3em;color:var(--muted);margin-top:6px;text-transform:uppercase;text-align:center}
nav.topn{display:flex;gap:30px;margin-left:auto;font-size:13px}
nav.topn a:hover{color:var(--muted)}
nav.topn a.on{border-bottom:1px solid var(--ink)}

footer{background:var(--green);color:#e9e6df}
.ftr{display:flex;align-items:center;gap:32px;padding:24px 0 14px}
.ftr .logo .lt span{color:#b9b6ad}
.ftr nav{display:flex;gap:30px;margin-left:auto;font-size:11.5px;color:#d9d5cc}
.ftr nav a:hover{color:#fff}
.soc{display:flex;gap:14px}
.ftr2{display:flex;justify-content:space-between;gap:16px;padding:12px 0 20px;font-size:11px;color:#b9b6ad;border-top:1px solid rgba(255,255,255,.1)}

@media (max-width:1100px){ nav.topn{display:none} }
@media (max-width:860px){
  .hdr{height:64px;gap:12px}.hdr .btn{padding:10px 16px;font-size:12.5px}
  .logo .lm{height:48px}
  .logo b{font-size:22px}
  .logo .lt span{white-space:nowrap;letter-spacing:.18em;font-size:8.5px}
  .ftr{flex-direction:column;align-items:flex-start;gap:16px}
  .ftr nav{flex-wrap:wrap;gap:10px 18px;margin-left:0}
  .ftr2{flex-direction:column}
}