
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/mont-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/mont-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/plex-300-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/plex-300-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-400-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-400-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#ecebe6;--ink:#0d0d0d;--mute:#5f5f5a;--line:rgba(13,13,13,.32);--d:'Montserrat',system-ui,sans-serif;--m:'IBM Plex Mono',ui-monospace,monospace;--pad:clamp(20px,3.6vw,60px)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--m);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(120% 90% at 62% 40%,#f3f2ee 0%,var(--bg) 55%,#e2e1db 100%)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
#gl{position:fixed;inset:0;z-index:0}#gl canvas{display:block;cursor:grab;touch-action:none}
header{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(26px + env(safe-area-inset-top,0px)) var(--pad) 0;pointer-events:none}
header>*{pointer-events:auto}
.logo svg{height:40px;width:auto;display:block}
#nav{display:flex;gap:clamp(14px,2.2vw,38px);font-size:11px;letter-spacing:.09em;text-transform:uppercase;position:absolute;left:50%;transform:translateX(-50%)}
#nav a{padding:8px 0;color:var(--ink);border-bottom:1px solid transparent;white-space:nowrap}#nav a i{font-style:normal;color:#8a8a84;margin-right:.55em}
#nav a.on{border-color:var(--ink)}#nav a:hover{border-color:var(--line)}
#burger{display:none;width:44px;height:44px;margin-right:-10px}#burger i{display:block;width:26px;height:1px;background:var(--ink);margin:7px auto}
.s{position:fixed;z-index:2;left:var(--pad);top:50%;width:min(41rem,46vw);transform:translateY(-44%);opacity:0;visibility:hidden;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s .6s;pointer-events:none}
.s.on{opacity:1;visibility:visible;transform:translateY(-50%);transition-delay:.25s,.25s,0s}
.s a,.s button,.s input,.s textarea,.s form{pointer-events:auto}
.eye{font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:clamp(22px,4.4vh,48px)}.eye:after{content:"";width:clamp(40px,5vw,84px);height:1px;background:var(--line)}
h1{font:200 clamp(1.7rem,3.3vw,3.5rem)/1.08 var(--d);text-transform:uppercase;letter-spacing:.015em;margin-bottom:clamp(22px,4vh,44px)}
.s p{font-size:clamp(12.5px,.95vw,14.5px);line-height:1.75;font-weight:300;color:#26261f;max-width:27em;margin-bottom:clamp(20px,3.4vh,38px)}
.cta{display:inline-flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 0}.cta svg{width:46px;height:8px;transition:transform .3s}.cta:hover svg{transform:translateX(8px)}
.aside{position:fixed;z-index:2;right:var(--pad);top:50%;transform:translateY(-50%);width:min(17rem,19vw);display:flex;flex-direction:column;gap:clamp(14px,3.4vh,34px);opacity:0;visibility:hidden;transition:opacity .6s;pointer-events:none}
body[data-s=home] .aside[data-a="0"],body[data-s=services] .aside[data-a="1"],body[data-s=projects] .aside[data-a="2"]{opacity:1;visibility:visible;transition-delay:.4s;pointer-events:auto}
.aside button{text-align:left;display:grid;grid-template-columns:1.8em 1fr;gap:0 6px;padding:2px 0;position:relative}
.aside i{font-style:normal;font-size:11px;grid-row:1;color:#7d7d77}.aside b{font:400 12.5px var(--m);letter-spacing:.06em;text-transform:uppercase}.aside span{grid-column:2;font-size:11px;line-height:1.55;color:#4a4a44;font-weight:300;margin-top:6px}
.aside button:hover b{text-decoration:underline;text-underline-offset:5px}
body[data-s=home] .aside span,body[data-s=home] .aside i{display:none}body[data-s=home] .aside{width:auto;gap:8px;top:34%;right:calc(var(--pad) + 52px)}body[data-s=home] .aside button{display:block}body[data-s=home] .aside b{font-weight:300;font-size:11px}
body[data-s=projects] .aside{right:calc(var(--pad) - 14px);top:48%;width:min(15rem,16vw)}body[data-s=projects] .aside span{display:none}
body[data-s=partners] .aside span{display:none}
#tags .tag{position:fixed;left:0;top:0;z-index:3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .5s;margin-left:6px}
#tags .tag.on{opacity:1}#tags b{font-weight:400;display:block}#tags i{font-style:normal;text-transform:none;color:#6a6a64;font-size:10.5px;letter-spacing:.02em}
#cnt{position:fixed;z-index:4;left:var(--pad);bottom:calc(30px + env(safe-area-inset-bottom,0px));font-size:11px;letter-spacing:.1em;display:flex;align-items:center;gap:18px;color:#8a8a84}#cnt b{font-weight:400;color:var(--ink)}
#bar{position:fixed;z-index:4;left:calc(var(--pad) + 90px);bottom:calc(35px + env(safe-area-inset-bottom,0px));width:clamp(120px,16vw,240px);height:1px;background:var(--line)}#bar i{display:block;height:1px;background:var(--ink);transform-origin:0;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
#dots{position:fixed;z-index:4;right:calc(var(--pad) - 4px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}#dots button{width:22px;height:22px;display:grid;place-items:center}#dots button:after{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--ink);transition:background .3s}#dots button.on:after,#dots button:hover:after{background:var(--ink)}
body[data-s=projects] #dots,body[data-s=partners] #dots,body[data-s=services] #dots{opacity:.0;pointer-events:none}
#hint{position:fixed;z-index:4;right:var(--pad);bottom:calc(30px + env(safe-area-inset-bottom,0px));font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6f6f69;text-align:right;line-height:1.7}
#tip{position:fixed;left:0;top:0;z-index:6;pointer-events:none;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#ecebe6;padding:7px 10px;opacity:0;transition:opacity .2s;white-space:nowrap}#tip.on{opacity:1}
#toast{position:fixed;z-index:9;left:50%;bottom:70px;transform:translate(-50%,10px);background:var(--ink);color:#ecebe6;font-size:11px;letter-spacing:.08em;padding:11px 16px;opacity:0;transition:.3s;pointer-events:none}#toast.on{opacity:1;transform:translate(-50%,0)}
form{display:grid;gap:18px;max-width:27rem}form label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#55554f;display:grid;gap:6px}
form input,form textarea{font:300 14px var(--m);background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 0;color:var(--ink);border-radius:0;resize:none}form input:focus,form textarea:focus{outline:0;border-color:var(--ink)}
.btn{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:14px 20px;text-align:left;background:var(--ink);color:#ecebe6;transition:.25s}.btn:hover{background:transparent;color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink)}
.mail{font-size:12px;letter-spacing:.06em;margin-top:22px;display:inline-block;border-bottom:1px solid var(--line)}
#lb{position:fixed;inset:0;z-index:8;background:rgba(236,235,230,.92);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--pad);opacity:0;visibility:hidden;transition:.35s}#lb.open{opacity:1;visibility:visible}
.lbi{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);width:min(1180px,100%);max-height:100%;align-items:center}
.lbm{background:#17181a;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}.lbm img,.lbm video{width:100%;height:100%;object-fit:cover}
.empty{color:#9b9a94;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center}.empty span{display:block;font:200 56px var(--d);color:#ecebe6;margin-bottom:12px}
.lbt{display:grid;gap:14px;justify-items:start}.lbt small{font-size:11px;letter-spacing:.12em;color:#7d7d77}.lbt h2{font:200 clamp(1.4rem,2.6vw,2.4rem)/1.1 var(--d);text-transform:uppercase}.lbt p{font-size:13px;line-height:1.75;font-weight:300;max-width:26em;margin-bottom:10px}
#boot{position:fixed;inset:0;z-index:20;background:var(--bg);display:grid;place-items:center;font:200 clamp(1.4rem,3vw,2.4rem) var(--d);letter-spacing:.3em;transition:opacity .8s .2s,visibility 0s 1s}#boot.off{opacity:0;visibility:hidden;pointer-events:none}
.nogl #gl{display:none}
@media(max-width:1100px){#nav{display:none}#burger{display:block}#menu{position:fixed;inset:0;z-index:4;background:var(--bg);display:none;flex-direction:column;justify-content:center;gap:6px;padding:var(--pad)}#menu.open{display:flex}#menu a{font:200 1.7rem var(--d);text-transform:uppercase;padding:8px 0}#menu a i{font:400 11px var(--m);color:#8a8a84;margin-right:14px;font-style:normal}header{z-index:6}}
@media(min-width:1101px){#menu{display:none}}
@media(max-width:899px),(max-aspect-ratio:1/1){
 .s{top:calc(92px + env(safe-area-inset-top,0px));width:calc(100% - 2*var(--pad));transform:translateY(-14px)}.s.on{transform:none}
 h1{font-size:clamp(1.45rem,7vw,2.3rem);margin-bottom:14px}.s p{font-size:12px;line-height:1.6;margin-bottom:10px}.eye{margin-bottom:14px}
 .aside{top:auto;bottom:calc(66px + env(safe-area-inset-bottom,0px));right:0;left:0;transform:none;width:auto!important;flex-direction:row;overflow-x:auto;padding:0 var(--pad);gap:22px!important}.aside button{min-width:max-content}.aside span{display:none}
 #bar{left:calc(var(--pad) + 76px)}#hint,#dots{display:none}#cnt{bottom:calc(24px + env(safe-area-inset-bottom,0px))}#bar{bottom:calc(29px + env(safe-area-inset-bottom,0px))}
 .lbi{grid-template-columns:1fr;overflow:auto}body[data-s=contact] .s{top:calc(84px + env(safe-area-inset-top,0px))}
 form{gap:10px}form textarea{height:56px}
}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01s!important}}

.s.low{top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateY(14px)}.s.low.on{transform:none}.s.low h1{font-size:clamp(1.1rem,1.9vw,1.9rem);margin-bottom:14px}.s.low .eye{margin-bottom:12px}.s.low p{margin-bottom:12px}
#tools{position:fixed;z-index:5;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:2px;background:rgba(236,235,230,.85);backdrop-filter:blur(8px);border:1px solid var(--line);padding:3px}
#tools button{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;white-space:nowrap}#tools button.on{background:var(--ink);color:#ecebe6}#tools button:not(.on):hover{background:rgba(13,13,13,.08)}
#lp{position:fixed;z-index:7;right:var(--pad);bottom:calc(76px + env(safe-area-inset-bottom,0px));width:260px;background:rgba(236,235,230,.94);backdrop-filter:blur(10px);border:1px solid var(--line);padding:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s}#lp.open{opacity:1;visibility:visible;transform:none}
#lp h3{font:400 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}#lp div{display:grid;gap:10px}#lp label{display:grid;grid-template-columns:1fr 110px;align-items:center;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#4a4a44}#lp input{accent-color:#0d0d0d;width:100%}#lp .btn{margin-top:4px;padding:10px 12px;font-size:10px}
body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 55%,rgba(30,28,22,.14) 100%)}
body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}
@media(max-width:899px),(max-aspect-ratio:1/1){#tools{max-width:calc(100% - 16px)}#tools button{padding:9px 7px;font-size:9px;letter-spacing:.05em}body[data-s=partners] .s{background:rgba(236,235,230,.86);padding:14px;margin-left:-14px;width:calc(100% - 2*var(--pad) + 28px)}}
body[data-s=home] .s.low h1{font-size:clamp(1.5rem,3vw,3rem)}body[data-s=home] .aside{top:30%}body:before{background:radial-gradient(ellipse at 55% 40%,rgba(255,255,255,.22),transparent 55%),radial-gradient(ellipse at 60% 45%,transparent 55%,rgba(30,28,22,.14) 100%)}

#tc,#reel,#map{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .8s,visibility 0s .8s}#tc.on,#reel.on,#map.on{opacity:1;visibility:visible;transition-delay:0s}
#tc{display:block;cursor:default}#tc:not(.on){pointer-events:none}
#tcard{position:fixed;left:0;top:0;z-index:4;width:210px;background:rgba(246,246,243,.95);border:1px solid var(--line);padding:12px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s;pointer-events:none;color:#0d0d0d}#tcard.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
#tcard .ph{aspect-ratio:1;background:#d8d7d1;display:grid;place-items:center;cursor:pointer;overflow:hidden;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#6a6a64}#tcard img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
#tcard b{display:block;font:500 12.5px var(--m);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}#tcard i{font-style:normal;font-size:11px;color:#55554f}#tcard p{font-size:10.5px;line-height:1.5;color:#77766f;margin-top:6px}
body.tnight{--ink:#efeee9;--line:rgba(239,238,233,.35);color:#efeee9}body.tnight .s p{color:#c8c7c1}body.tnight #nav a i,body.tnight #cnt{color:#8c8b85}
.rl{position:absolute;inset:0;opacity:0;transition:opacity 1.4s;background:#0b0b0c;overflow:hidden}.rl.in{opacity:1}.rl.out{opacity:0}.rl img,.rl video{width:100%;height:100%;object-fit:cover;display:block}.rl img{animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12)}}
#reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.42),transparent 28%,transparent 52%,rgba(0,0,0,.55))}
.rc{position:absolute;z-index:3;right:var(--pad);bottom:calc(74px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:14px;color:#fff;font-size:11px;letter-spacing:.1em}.rc button{color:#fff;padding:8px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35)}.rc button:hover{background:rgba(255,255,255,.14)}
.rb{display:block;width:120px;height:1px;background:rgba(255,255,255,.3)}.rb i{display:block;height:1px;background:#fff;transform-origin:0;transform:scaleX(0)}@keyframes rb{to{transform:scaleX(1)}}
body[data-s=studio]{--ink:#fff;--line:rgba(255,255,255,.4);color:#fff}body[data-s=studio] .s p,body[data-s=studio] #cnt,body[data-s=studio] #nav a i{color:#e6e5e0}body[data-s=studio] .s{text-shadow:0 0 22px rgba(0,0,0,.4)}body[data-s=studio] #tools,body[data-s=studio] #lp{display:none}
body[data-s=team] #tools,body[data-s=team] #hint,body[data-s=team] #lp,body[data-s=contact] #tools,body[data-s=contact] #hint,body[data-s=contact] #lp,body[data-s=studio] #hint{display:none}
body[data-s=home] .s{position:absolute!important;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;pointer-events:none}body[data-s=home] .aside,body[data-s=home] #hint{display:none!important}
#map{background:#ecebe6}#mapc{position:absolute;inset:0}#mapc.off{background:radial-gradient(ellipse at 60% 45%,#f3f2ee,#e6e5df)}
#haze{position:absolute;inset:0;pointer-events:none;overflow:hidden}#haze:before{content:"";position:absolute;inset:0;background:linear-gradient(#ecebe6 0,rgba(236,235,230,.55) 14%,rgba(236,235,230,0) 42%,rgba(236,235,230,0) 72%,rgba(236,235,230,.7) 100%)}
#haze i{position:absolute;width:62vw;height:34vw;border-radius:50%;background:radial-gradient(closest-side,rgba(242,241,237,.95),rgba(242,241,237,0));filter:blur(18px);animation:hz 34s ease-in-out infinite alternate}
#haze i:nth-child(1){left:-12vw;top:34%}#haze i:nth-child(2){left:30vw;top:48%;animation-duration:41s;animation-delay:-9s}#haze i:nth-child(3){left:58vw;top:30%;animation-duration:29s;animation-delay:-16s}#haze i:nth-child(4){left:8vw;top:62%;animation-duration:47s;animation-delay:-4s}
@keyframes hz{from{transform:translate(-10vw,0) scale(.9);opacity:.15}50%{opacity:.8}to{transform:translate(18vw,-5vh) scale(1.3);opacity:.35}}
.mk{display:flex;align-items:center;gap:9px;pointer-events:none}.mk i{width:12px;height:12px;border-radius:50%;background:#0d0d0d;animation:pl 2.4s infinite}.mk b{font:500 10.5px var(--m);letter-spacing:.16em;color:#0d0d0d;background:rgba(236,235,230,.85);padding:4px 7px}@keyframes pl{0%{box-shadow:0 0 0 0 rgba(13,13,13,.45)}70%{box-shadow:0 0 0 22px rgba(13,13,13,0)}100%{box-shadow:0 0 0 0 rgba(13,13,13,0)}}
.maplibregl-ctrl-attrib{font:9px 'IBM Plex Mono',monospace!important;background:transparent!important}.maplibregl-ctrl-attrib a{color:#55554f!important}
body[data-s=contact] .s{background:rgba(236,235,230,.8);backdrop-filter:blur(8px);padding:26px 30px 30px;margin-left:-30px}
@media(max-width:899px),(max-aspect-ratio:1/1){.rc{bottom:calc(66px + env(safe-area-inset-bottom,0px));left:var(--pad);right:auto;flex-wrap:wrap}body[data-s=contact] .s{padding:16px 18px;margin-left:-18px;width:calc(100% - 2*var(--pad) + 36px)}#tcard{width:170px}}
.logo{color:var(--ink)}.logo svg{fill:currentColor}
body[data-s=partners] .s{background:rgba(236,235,230,.82);backdrop-filter:blur(8px);padding:22px 26px;margin-left:-26px}

body[data-s=team],body[data-s=services]{--ink:#efeee9;--line:rgba(239,238,233,.3);color:#efeee9}body[data-s=team] .s p,body[data-s=services] .s p,body[data-s=team] #cnt,body[data-s=services] #cnt,body[data-s=team] #nav a i,body[data-s=services] #nav a i{color:#c2c1ba}
body[data-s=services] .aside span,body[data-s=services] .aside i{color:#a7a69f}body[data-s=services] .aside button{opacity:.55;transition:opacity .3s}body[data-s=services] .aside button.cur,body[data-s=services] .aside button:hover{opacity:1}body[data-s=services] .aside button.cur b{text-decoration:underline;text-underline-offset:5px}
body[data-s=team] #tools,body[data-s=services] #tools{background:rgba(24,24,27,.72)}body[data-s=team] #tools button.on,body[data-s=services] #tools button.on{background:#efeee9;color:#0d0d0d}
body[data-s=team] #hint,body[data-s=services] #hint{color:#a7a69f}
body[data-s=team] .s{top:96px;bottom:auto;transform:none}body[data-s=team] .s.on{transform:none}body[data-s=team] .s h1{font-size:clamp(1.1rem,1.7vw,1.7rem);margin-bottom:0}body[data-s=team] .s h1 br{display:none}body[data-s=team] .s p,body[data-s=team] .s .cta,body[data-s=team] .s .eye{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#tags .tag{text-align:center;margin-left:0;color:#efeee9}#tags .tag i{color:#a7a69f}
.addr{display:inline-flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:8px 0;margin:-14px 0 22px}.addr svg{width:40px;height:8px;transition:transform .3s}.addr:hover svg{transform:translateX(8px)}
.maplibregl-ctrl-group{background:rgba(236,235,230,.9)!important;border-radius:0!important;box-shadow:none!important;border:1px solid rgba(13,13,13,.25)}.maplibregl-ctrl-bottom-right{bottom:70px}

.cinfo{display:flex;flex-wrap:wrap;gap:8px 26px;margin:-6px 0 22px;font-size:12px;letter-spacing:.06em}.cinfo a{border-bottom:1px solid var(--line);padding:4px 0;white-space:nowrap}.cinfo a:hover{border-color:var(--ink)}
#credit{position:fixed;z-index:5;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#77766f;opacity:0;visibility:hidden;transition:opacity .6s;pointer-events:none;white-space:nowrap}body[data-s=contact] #credit{opacity:1;visibility:visible}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.loading:after{content:"загрузка сцены…";position:fixed;z-index:6;left:50%;bottom:76px;transform:translateX(-50%);font:400 10.5px var(--m);letter-spacing:.16em;text-transform:uppercase;color:#77766f;mix-blend-mode:normal;background:none;opacity:1;inset:auto auto 76px 50%;width:auto;height:auto}
