/* Шапка сайта: логотип + меню в строку (компьютер) / «бургер» (телефон ≤860px). Общий файл для главной, блога и лендинга. */
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand img{width:40px;height:40px}
.brand b{display:block;font-family:'Noto Serif Display',Georgia,serif;font-weight:400;font-size:24px;line-height:1}
.brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#C8A44D}
.menu{display:flex;align-items:center;gap:26px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.menu a{color:#d9d2c2;text-decoration:none}.menu a.on{color:#C8A44D}
.menu a:focus-visible,.burger:focus-visible,.brand:focus-visible{outline:2px solid #C8A44D;outline-offset:4px;border-radius:4px}
.menu .m-only{display:none}
.menu .soon{color:#5f5b55;position:relative}
.menu .soon i{position:absolute;left:0;right:0;top:-13px;font-style:normal;font-size:8.5px;letter-spacing:.2em;color:#8a7440;text-align:center}
.burger{display:none;width:44px;height:44px;padding:0;background:none;border:1px solid rgba(200,164,77,.45);border-radius:8px;cursor:pointer;position:relative;color:#d9d2c2}
.burger span,.burger span:before,.burger span:after{position:absolute;left:12px;right:12px;height:2px;border-radius:1px;background:currentColor;content:"";transition:transform .2s,opacity .2s}
.burger span{top:21px}.burger span:before{left:0;right:0;top:-7px}.burger span:after{left:0;right:0;top:7px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span:before{transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:860px){
 .burger{display:block}
 .menu{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 14px;background:#0A0C14;z-index:5;border-bottom:1px solid #ffffff1a;font-size:14px}
 .menu.open{display:flex}
 .menu a{padding:14px 0;border-bottom:1px solid #ffffff12}
 .menu a:last-child{border-bottom:0}
 .menu .m-only{display:block}
 .menu .soon i{position:static;display:inline;margin-right:10px;font-size:10px;text-align:left}
}
@media (prefers-reduced-motion:reduce){.burger span,.burger span:before,.burger span:after{transition:none}}
