/* Мобильное меню «указатель с лентами»: шторка сверху, нумерованные разделы, ленты услуг и работ, живой фон */
.mnav{position:fixed;inset:0;z-index:15;overflow-y:auto;overscroll-behavior:contain;background:#05060a;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.7,0,.2,1)}
.mnav.is-open{clip-path:inset(0 0 0 0)}
.mnav.is-closing{transition-delay:.12s}
.mnav-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.mnav-bg img{width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(.75) blur(3px);transform:scale(1.12);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity .8s ease-out}
.mnav.is-open .mnav-bg img{transform:scale(1.02);animation:mnav-drift 26s 1.4s ease-in-out infinite alternate}
.mnav-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05060af0 0%,#05060ab3 40%,#05060af5 100%),radial-gradient(80% 50% at 85% 0%,#00b7ff2e,transparent 70%)}
@keyframes mnav-drift{to{transform:scale(1.08) translate3d(-2%,-1%,0)}}
.mnav-top{position:fixed;z-index:1;top:0;left:0;right:0;height:84px;background:linear-gradient(180deg,#05060a 0%,#05060ae6 62%,#05060a00 100%);pointer-events:none;opacity:0;transition:opacity .4s ease-out}
.mnav.is-open .mnav-top{opacity:1;transition-delay:.35s}
.mnav-close{position:fixed;z-index:2;top:14px;right:var(--gut);width:48px;height:48px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#05060a80;cursor:pointer;opacity:0;transition:opacity .3s ease-out}
.mnav.is-open .mnav-close{opacity:1;transition-delay:.4s}
.mnav-close i::before,.mnav-close i::after{content:'';position:absolute;left:14px;right:14px;top:23px;height:1.5px;background:var(--white);transform:rotate(45deg)}
.mnav-close i::after{transform:rotate(-45deg)}
.mnav-in{max-width:620px;margin:0 auto;padding:92px var(--gut) 40px}
/* хореография: пункты по очереди после шторки, при закрытии уходят сразу */
.mnav-meta,.mnav-item,.mnav-geo,.mnav-foot{opacity:0;transform:translateY(22px);transition:opacity .5s ease-out,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:0s}
.mnav.is-open .mnav-meta,.mnav.is-open .mnav-item,.mnav.is-open .mnav-geo,.mnav.is-open .mnav-foot{opacity:1;transform:none;transition-delay:calc(.28s + var(--i) * .06s)}
.mnav-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 18px;font:400 11px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--muted)}
.mnav-open{color:var(--blue-2)}
.mnav-pulse{width:7px;height:7px;border-radius:50%;background:#2fd27a;box-shadow:0 0 0 0 #2fd27a66;animation:mnav-pulse 2.4s ease-out infinite}
@keyframes mnav-pulse{70%{box-shadow:0 0 0 8px #2fd27a00}100%{box-shadow:0 0 0 0 #2fd27a00}}
.mnav-list{border-top:1px solid var(--line)}
.mnav-item{position:relative;border-bottom:1px solid var(--line)}
.mnav-link{display:flex;align-items:baseline;gap:14px;padding:14px 56px 14px 0;color:var(--white);transition:color .35s ease-out}
.mnav-n{flex:none;width:26px;font:400 11px/1 var(--mono,ui-monospace,monospace);letter-spacing:.04em;color:var(--dim);transition:color .35s ease-out}
.mnav-t{font-size:clamp(28px,8.4vw,44px);font-weight:300;line-height:1.08;letter-spacing:-.02em;overflow-wrap:anywhere;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mnav-link:hover .mnav-t,.mnav-link:focus-visible .mnav-t{transform:translateX(6px)}
.mnav-link[aria-current] .mnav-t{color:var(--blue)}
.mnav-link[aria-current] .mnav-n{color:var(--blue)}
/* кнопка-«плюс» ленты: крестик поворотом */
.mnav-more{position:absolute;top:12px;right:0;width:44px;height:44px;padding:0;border:1px solid var(--line-2);border-radius:50%;background:none;cursor:pointer;transition:border-color .35s ease-out,background-color .35s ease-out}
.mnav-more i::before,.mnav-more i::after{content:'';position:absolute;left:14px;right:14px;top:21px;height:1.5px;background:var(--white);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mnav-more i::after{transform:rotate(90deg)}
.mnav-more[aria-expanded=true]{border-color:var(--blue);background:#00b7ff1a}
.mnav-more[aria-expanded=true] i::after{transform:rotate(0)}
/* лента: раскрытие по высоте через grid-rows, карточки въезжают справа */
.mrail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.mrail.is-open{grid-template-rows:1fr}
.mrail-clip{min-height:0;overflow:hidden}
.mrail-track{display:flex;gap:10px;margin:0 calc(var(--gut) * -1);padding:2px var(--gut) 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;cursor:grab;outline:0}
.mrail-track::-webkit-scrollbar{display:none}
.mrail-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.mrail-card{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start;padding:12px;border:1px solid var(--line-2);border-radius:14px;background:#0b1017d9;opacity:0;transform:translateX(26px);transition:opacity .45s ease-out,transform .5s cubic-bezier(.2,.7,.2,1),border-color .35s ease-out}
.mrail.is-open .mrail-card{opacity:1;transform:none}
.mrail.is-open .mrail-card:nth-child(2){transition-delay:.05s}
.mrail.is-open .mrail-card:nth-child(3){transition-delay:.1s}
.mrail.is-open .mrail-card:nth-child(4){transition-delay:.15s}
.mrail.is-open .mrail-card:nth-child(5){transition-delay:.2s}
.mrail.is-open .mrail-card:nth-child(n+6){transition-delay:.25s}
.mrail-card:hover,.mrail-card:focus-visible{border-color:#00b7ff88}
.mrail-card b{font-size:14px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}
.mrail-card small{font-size:12px;color:var(--muted)}
.mrail-card--svc{width:150px}
.mrail-ico{width:40px;height:40px;border-radius:11px;margin-bottom:4px}
.mrail-card--work{width:200px}
.mrail-shot{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#ffffff0d}
.mrail-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.mrail-card--more{justify-content:space-between;width:120px;border-style:dashed;color:var(--blue);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.mrail-card--more .i-arrow{align-self:flex-end}
/* эмираты, связь, язык */
.mnav-label{margin:28px 0 12px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.mnav-chips{display:flex;flex-wrap:wrap;gap:8px}
.mnav-chips a{padding:9px 14px;border:1px solid var(--line);border-radius:30px;font-size:13px;transition:border-color .35s ease-out,color .35s ease-out}
.mnav-chips a[aria-current],.mnav-chips a:hover{border-color:var(--blue);color:var(--blue)}
.mnav-chips .geo-all{border-color:#00b7ff66;color:var(--blue)}
.mnav-chips .geo-all .i-arrow{display:none}
.mnav-foot{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.mnav-cta{width:100%}
.mnav-foot .mnav-label{margin-top:22px}
.mnav-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.mnav-mail{color:var(--muted);font-size:14px;overflow-wrap:anywhere;transition:color .35s ease-out}
.mnav-mail:hover{color:var(--white)}
.mnav .lang a{padding:10px 8px}
@media (min-width:700px){.mnav-in{padding-top:110px}.mrail-card--work{width:240px}}
@media (prefers-reduced-motion:reduce){.mnav{clip-path:none}.mnav-bg img{transform:none}}