/* шапка главной (живой шаблон, блок «chrome») — для страниц направлений и кейсов */
body.sp{--pill:980px;--t1:.28s;--t2:.45s}
/* ── chrome ───────────────────────────── */
header{position:fixed;z-index:70;top:0;left:0;right:0;display:grid;
 grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px var(--pad);
 background:transparent;transition:background var(--t2) var(--ease),backdrop-filter var(--t2) var(--ease),
  border-color var(--t2) var(--ease);border-bottom:1px solid transparent}
header::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:linear-gradient(rgba(5,5,10,.78),transparent);opacity:1;transition:opacity var(--t2) var(--ease)}
header.stuck{background:rgba(9,9,16,.62);backdrop-filter:saturate(180%) blur(22px);
 -webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom-color:rgba(255,255,255,.1)}
header.stuck::before{opacity:0}
.logo{width:118px}
@media(max-width:520px){.logo{width:94px}}
header>a:first-child{justify-self:start;display:inline-flex}
nav{display:flex;gap:clamp(10px,1.9vw,30px);align-items:center;justify-self:center}
nav button{font-family:var(--mno);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
 background:none;border:0;color:var(--dim);padding:6px 0;position:relative;transition:color .25s}
nav button::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--grad);
 transition:right .35s cubic-bezier(.2,.8,.2,1)}
nav button:hover{color:var(--ink)}
nav button:hover::after,nav button.on::after{right:0}
nav button.on{color:var(--ink)}
@media(max-width:1000px){nav{display:none}}
.tools{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:clamp(7px,1.4vw,14px)}
.tools button{font-family:var(--mno);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
 background:none;border:0;color:var(--dim);transition:color .25s}
.tools button:hover{color:var(--ink)}
.waTop{display:inline-flex;align-items:center;gap:8px;font-family:var(--mno);font-size:10px;
 letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);
 border-radius:var(--pill);padding:9px 14px;min-height:34px;
 transition:color var(--t1) var(--ease),border-color var(--t1) var(--ease),background var(--t1) var(--ease)}
.waTop svg{width:13px;height:13px;fill:currentColor}
.waTop:hover{color:var(--ink);border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.06)}
@media(max-width:1100px){.waTop span{display:none}.waTop{padding:9px 11px}}
#lang{display:flex;border:1px solid var(--line);border-radius:var(--pill);overflow:hidden}
#lang button{padding:9px 11px;font-size:9.5px;letter-spacing:.14em;min-height:34px;
 transition:background var(--t1) var(--ease),color var(--t1) var(--ease)}
#lang button.on{color:#05050A;background:#EDEDF4}
.cta{color:#fff!important;background:var(--grad);padding:12px 20px;border-radius:var(--pill);white-space:nowrap;min-height:40px;
 transition:opacity var(--t2) var(--ease),transform var(--t2) var(--ease),filter var(--t1) var(--ease)}
header.onContact .cta,header:not(.stuck) .cta{opacity:0;transform:translateY(-6px);pointer-events:none}
.cta:hover{filter:brightness(1.12)}
@media(max-width:640px){.cta{padding:11px 13px;font-size:9px}}
#burger,#mob{display:none}
@media(max-width:1000px){#burger{display:flex;align-items:center;min-height:44px;padding:0 4px}
 #lang button{min-height:44px;display:flex;align-items:center}
 .waTop{min-height:44px;padding:0 13px}
 header{padding-top:8px;padding-bottom:8px}
 #mob{position:fixed;inset:0;z-index:80;background:rgba(5,5,10,.97);display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;overflow:auto;padding:80px 20px 40px}
 #mob.on{display:flex}
 #mob button{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;
  font-size:clamp(19px,5.4vw,26px);background:none;border:0;color:var(--ink);line-height:1.1}
 #mob .sep{width:34px;height:1px;background:var(--grad);margin:4px 0}
 #mob .soc{display:flex;gap:14px;margin-top:6px}
 #mob .soc a{font-family:var(--mno);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}}

@media(max-width:760px){header .cta{display:none}}
@media (prefers-reduced-transparency:reduce){header.stuck{background:#090910;backdrop-filter:none;-webkit-backdrop-filter:none}}