/* Reference geometry with one locally served Cyrillic font system. */
@font-face{font-family:Method Sans;src:url('/assets/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Method Sans;src:url('/assets/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Method Sans;src:url('/assets/fonts/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Method Mono;src:url('/assets/fonts/ibm-plex-mono-400.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.an-site{
 --an-sans:"Method Sans","Helvetica Neue",Arial,sans-serif;--an-mono:"Method Mono",monospace;
 --an-gutter:clamp(16px,7.648px + 1.739vw,32px);--an-gap:clamp(16px,11.824px + .87vw,24px);
 --an-space-sm:clamp(24px,19.824px + .87vw,32px);--an-space-md:clamp(32px,27.824px + .87vw,40px);
 --an-space-ml:clamp(42px,30.528px + 2.391vw,64px);--an-space-lg:clamp(54px,32.08px + 4.565vw,96px);
 --an-space-xl:clamp(64px,30.608px + 6.957vw,128px);--an-space-2xl:clamp(100px,68.688px + 6.522vw,160px);
 --an-display-2:clamp(44px,22.08px + 4.565vw,86px);--an-hero-heading:clamp(30px,17.472px + 2.609vw,54px);
 --an-h1:clamp(26px,16.608px + 1.957vw,44px);--an-h2:clamp(22px,14.688px + 1.522vw,36px);
 --an-h3:clamp(20px,15.824px + .87vw,28px);--an-h4:clamp(18px,15.92px + .435vw,22px);
 --an-body-lg:clamp(18px,16.96px + .217vw,20px);--an-body:clamp(16px,14.96px + .217vw,18px);
 --an-medium:clamp(14px,12.96px + .217vw,16px);--an-small:clamp(13.008px,12.48px + .109vw,14px);
 --an-ink:#000;--an-paper:#fff;--an-muted:#77786d;--an-line:#dadbd7;--an-field:#f0f0ef;
 --an-gray-900:#151513;--an-gray-800:#272824;--an-gray-700:#42433d;--an-gray-600:#5c5e55;--an-gray-400:#9c9e94;--an-gray-300:#c1c2bc;--an-yellow:#ffff8c;
 --an-ease:cubic-bezier(.17,.17,.2,1);font-family:var(--an-sans);color:var(--an-ink);font-weight:400;letter-spacing:-.02em;
}
.an-site :where(h1,h2,h3,h4,h5,h6){font-family:var(--an-sans);font-weight:400}
.an-site :where(input,textarea,select,button){font-family:var(--an-sans)}
.an-site main{border-radius:0 0 12px 12px;box-shadow:0 10px 0 #e7d8ee,0 20px 0 #ffff8c;isolation:isolate}
.an-site ::selection{background:#ffff8c;color:#000}
.an-site .an-label,.an-site .an-pill,.an-site .an-tags,.an-site .an-header nav,.an-site .an-footer__legal,.an-site .an-footer__signature nav{font-family:var(--an-mono);letter-spacing:-.03em}
.an-site .an-label{font-size:var(--an-small);line-height:1.5}
.an-site .an-header{padding:7px var(--an-gutter);height:62px;min-height:62px}
.an-site .an-header__right{gap:22px;padding:6px 12px 6px 24px;border-radius:8px}
.an-site .an-header nav{gap:28px}
.an-site .an-header nav a{font-size:13px;transition:opacity .35s var(--an-ease)}
.an-site .an-header nav a::after{display:none}
.an-site .an-header nav:has(a:hover) a:not(:hover){opacity:.5}
.an-site .an-header.is-scrolled>.an-brand{padding:7px 0;margin:0;background:transparent}
.an-site .an-header.is-scrolled .an-header__right{background:rgba(245,245,244,.8);backdrop-filter:blur(8px)}
.an-site .an-header .an-pill{font-size:14px;padding:10px 18px;min-height:36px}
.an-site .an-header .an-pill::after{display:none}
/* CTA triangle travels from right to left while the label moves. */
.an-site .an-pill{--pill-x:18px;--pill-y:11px;position:relative;border-radius:24px;min-height:38px;gap:0;padding:var(--pill-y) 42px var(--pill-y) var(--pill-x);background:#000;color:#fff;font-size:var(--an-small);line-height:1;transform:none;transition:border-radius .35s var(--an-ease),padding .35s var(--an-ease)}
.an-site .an-pill>span{display:none}
.an-site .an-pill::after{content:"";position:absolute;right:var(--pill-x);width:8px;height:10px;clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor}
.an-site .an-pill:is(:hover,:focus-visible){border-radius:0;background:#000;transform:none;padding-left:42px;padding-right:var(--pill-x)}
.an-site .an-pill:is(:hover,:focus-visible)::after{animation:an-button-in .35s ease-out forwards}
.an-site .an-pill.an-interacted:not(:hover):not(:focus-visible)::after{animation:an-button-out .35s ease-out forwards}
.an-site .an-pill--light,.an-site .an-pill--light:is(:hover,:focus-visible){background:#fff;color:#000}
.an-site .an-header .an-pill:is(:hover,:focus-visible){padding:10px 18px}
@keyframes an-button-in{0%{right:var(--pill-x);left:auto;opacity:1;transform:none}40%{right:var(--pill-x);left:auto;opacity:0;transform:translateX(8px)}41%{left:var(--pill-x);right:auto;opacity:0;transform:translateX(-8px)}100%{left:var(--pill-x);right:auto;opacity:1;transform:none}}
@keyframes an-button-out{0%{left:var(--pill-x);right:auto;opacity:1;transform:none}40%{left:var(--pill-x);right:auto;opacity:0;transform:translateX(-8px)}41%{right:var(--pill-x);left:auto;opacity:0;transform:translateX(8px)}100%{right:var(--pill-x);left:auto;opacity:1;transform:none}}
.an-site .an-tags{gap:4px}
.an-site .an-tags>span{background:var(--an-field);border-radius:24px;padding:5px 10px;font-size:12px;line-height:1.2;color:#000}
.an-site .an-tags>span:nth-child(odd){border-radius:0}
/* Viewport-height full menu, separately staggered links and media. */
.an-site .an-menu{height:100svh;max-height:100svh;padding:62px var(--an-gap) var(--an-gap);background:#fff;color:#000;overflow:auto;border-radius:0 0 12px 12px}
.an-site .an-menu[open]{animation:an-menu-in .8s var(--an-ease) both}
.an-site .an-menu.is-closing{animation:an-menu-out .8s var(--an-ease) both}
.an-site .an-menu::backdrop{background:#77786d55;backdrop-filter:none}
.an-site .an-menu__top{position:absolute;z-index:2;left:0;top:0;right:0;height:62px;padding:7px var(--an-gutter);background:#fff}
.an-site .an-menu__top .an-brand{color:#000}
.an-site .an-menu__content{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--an-gap);padding:0;align-items:stretch;min-height:calc(100svh - 62px - var(--an-gap))}
.an-site .an-menu__cases{grid-column:span 6;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:var(--an-gap);padding:0}
.an-site .an-menu-case{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;color:#fff;background:#272824}
.an-site .an-menu-case img{width:100%;height:100%;object-fit:cover;transition:transform .2s linear}
.an-site .an-menu-case:hover img{transform:scale(1.05)}
.an-site .an-menu-case::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0008)}
.an-site .an-menu-case__tag{position:absolute;z-index:1;top:16px;left:16px;background:#fffc;color:#000;font:12px/1 var(--an-mono);text-transform:uppercase;border-radius:24px;padding:6px 10px}
.an-site .an-menu-case__name{position:absolute;z-index:1;bottom:16px;left:16px;font-size:var(--an-h3)}
.an-site .an-menu__navigation{grid-column:8/-1;display:flex;flex-direction:column;gap:var(--an-space-md);min-width:0}
.an-site .an-menu nav{gap:8px}
.an-site .an-menu nav a{display:block;font-size:var(--an-h1);line-height:1.11;font-weight:400;letter-spacing:-.04em;border:0;padding:0;transition:color .35s var(--an-ease)}
.an-site .an-menu-directions{gap:8px}
.an-site .an-menu-directions a{color:#77786d}
.an-site .an-menu nav:has(a:hover) a:not(:hover){color:#77786d}
.an-site .an-menu nav a:hover{color:#000;text-decoration:none}
.an-site .an-menu__social{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:var(--an-gap);font:12px/1.3 var(--an-mono);text-transform:uppercase}
.an-site .an-menu__social a{padding:6px 10px;background:var(--an-field)}
.an-site .an-menu__navigation>.an-contact-links{display:none}
.an-site .an-menu[open] nav a{animation:an-menu-link-in .6s var(--an-ease) both;animation-delay:calc(.12s + var(--menu-order,0)*.05s)}
.an-site .an-menu[open] .an-menu-case{animation:an-menu-card-in .8s var(--an-ease) .18s both}
.an-site .an-menu.is-closing nav a{animation:an-menu-link-out .35s var(--an-ease) both}
.an-site .an-menu-toggle,.an-site .an-close{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);place-content:center;gap:4px;width:28px;height:38px;padding:0;background:transparent;color:inherit!important;border-radius:0;font-size:0!important}
.an-site .an-menu-toggle span,.an-site .an-close span{width:5px;height:5px;border-radius:50%;background:currentColor;transition:transform .35s var(--an-ease)}
.an-site .an-close span:nth-child(1){transform:translate(2px,2px)}
.an-site .an-close span:nth-child(2){transform:translate(-2px,2px)}
.an-site .an-close span:nth-child(3){transform:translate(2px,-2px)}
.an-site .an-close span:nth-child(4){transform:translate(-2px,-2px)}
.an-site .an-close:hover span{transform:none}
.an-menu-echo{position:fixed;z-index:35;inset:0;pointer-events:none;visibility:hidden;transform:translateY(-105%);border-radius:0 0 12px 12px;background:#ffff8c}
.an-menu-echo+.an-menu-echo{z-index:36;background:#e7d8ee}
.an-menu-echo.is-active{visibility:visible;animation:an-menu-in .85s var(--an-ease) both}
.an-menu-echo+.an-menu-echo.is-active{animation-duration:.82s}
.an-menu-echo.is-closing{visibility:visible;animation:an-menu-out .9s var(--an-ease) both}
@keyframes an-menu-in{from{transform:translateY(-105%)}to{transform:translateY(0)}}
@keyframes an-menu-out{from{transform:translateY(0)}to{transform:translateY(-105%)}}
@keyframes an-menu-link-in{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:none}}
@keyframes an-menu-link-out{to{opacity:0;transform:translateY(-50px)}}
@keyframes an-menu-card-in{from{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:none}}
.an-site .an-footer{position:sticky;bottom:0;margin-top:-12px;padding:var(--an-space-ml) var(--an-gutter) var(--an-gap)}
.an-site .an-footer:is(:focus-within,.has-newsletter-interaction){position:relative}
.an-site .an-footer h2{font-size:var(--an-display-2);max-width:12ch;line-height:1.09;letter-spacing:-.05em}
.an-site .an-footer__top .an-pill{margin-top:var(--an-space-sm)}
.an-site .an-footer__contact{padding-top:0}
.an-newsletter{margin:0;min-width:0}
.an-newsletter>label{display:block;margin-bottom:10px;color:#9c9e94;font:400 var(--an-small)/1.4 var(--an-mono);letter-spacing:-.03em;text-transform:uppercase}
.an-newsletter__field{display:flex;align-items:center;gap:8px;padding:12px 14px 12px 18px;border-radius:7px;background:#272824;transition:background .25s ease}
.an-newsletter__field:focus-within{background:#32332e;outline:1px solid #9c9e94;outline-offset:2px}
.an-newsletter__field input{display:block;flex:1;min-width:0;width:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#fff;font:400 16px/1.5 var(--an-sans);box-shadow:none}
.an-newsletter__field input::placeholder{color:#77786d;opacity:1}
.an-newsletter__field input:focus-visible{outline:0}
.an-newsletter__field input:autofill{box-shadow:0 0 0 100px #272824 inset;-webkit-text-fill-color:#fff}
.an-newsletter__field button{flex:0 0 auto;border:0;border-radius:99px;padding:9px 13px;background:#4b4d44;color:#fff;font:400 12px/1 var(--an-mono);letter-spacing:-.03em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease}
.an-newsletter__field button:hover{background:#ffff8c;color:#000}
.an-newsletter__field button:focus-visible{outline:2px solid #ffff8c;outline-offset:3px}
.an-newsletter__field button:disabled{cursor:default;opacity:.55}
.an-newsletter .an-newsletter__note{margin:14px 0 0;color:#9c9e94;font:400 12px/1.6 var(--an-sans);letter-spacing:0}
.an-newsletter__note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.an-newsletter__note a:hover{color:#fff}
.an-newsletter .an-newsletter__status{margin:12px 0 0;color:#ffff8c;font:400 13px/1.5 var(--an-sans)}
.an-newsletter__status[hidden]{display:none}
.an-site .an-footer__bottom{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--an-space-sm);padding-top:var(--an-space-2xl)}
.an-site .an-footer__legal{grid-column:span 5;color:#ffffff99;font-size:var(--an-small);gap:14px;line-height:1}
.an-site .an-footer__signature{grid-column:span 7}
.an-site .an-wordmark{display:block;white-space:nowrap;font-size:clamp(36px,6.8vw,122px);line-height:.9;font-weight:700;letter-spacing:-.06em}
.an-site .an-footer__signature nav{padding-top:clamp(24px,2.5vw,40px);gap:4px}
.an-site .an-footer__signature nav a{padding:6px 10px;background:#272824;color:#fff;font-size:12px;line-height:1}
.an-site .an-footer__legal>p{margin-top:4px}
.an-site .an-footer__legal .an-footer__rights{font-size:11px;max-width:43ch;line-height:1.4}
.an-site [data-an-reveal].an-will-reveal{opacity:0;transform:translateY(80px)}
.an-site [data-an-reveal].an-revealed{opacity:1;transform:none;transition:opacity .65s var(--an-ease),transform .8s var(--an-ease)}
.an-title-line{display:block;overflow:clip;padding-bottom:.13em;margin-bottom:-.13em}
.an-title-line>span{display:block;animation:an-title-rise .8s var(--an-ease) both;animation-delay:calc(var(--line-index,0)*.07s)}
@keyframes an-title-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}
@media(max-width:1100px){.an-site .an-header nav{gap:16px}.an-site .an-header__right{gap:16px;padding-left:16px}}
@media(max-width:991px){.an-site .an-header nav{display:none}.an-site .an-header .an-brand{font-size:clamp(23px,3.6vw,36px)}.an-site .an-menu__content{grid-template-columns:1fr}.an-site .an-menu__cases{display:none}.an-site .an-menu__navigation{grid-column:1;padding-top:var(--an-space-md)}.an-site .an-footer{position:relative}}
@media(max-width:640px){.an-site .an-header{gap:10px}.an-site .an-header__right{padding:4px 8px;gap:12px}.an-site .an-header.is-scrolled{background:#fff;color:#000;backdrop-filter:none}.an-site .an-header.is-scrolled .an-header__right{background:transparent;backdrop-filter:none}.an-site .an-header .an-pill{font-size:11px;padding:9px 12px}.an-site .an-footer__bottom{grid-template-columns:1fr;gap:32px}.an-site .an-footer__legal,.an-site .an-footer__signature{grid-column:1}.an-site .an-footer__signature{grid-row:1}.an-site .an-wordmark{font-size:9.5vw}.an-site .an-footer__signature nav{justify-content:flex-start}.an-site .an-menu nav a{font-size:26px}.an-site .an-menu nav,.an-site .an-menu-directions{gap:12px}}
@media(max-width:575px){.an-site .an-header .an-brand,.an-site .an-menu__top .an-brand{font-size:28px}.an-site .an-header__right>.an-pill{display:none}}
@media(prefers-reduced-motion:reduce){.an-site .an-menu[open],.an-site .an-menu.is-closing,.an-site .an-menu[open] nav a,.an-site .an-menu[open] .an-menu-case,.an-title-line>span{animation:none}.an-menu-echo{display:none}.an-site [data-an-reveal]{opacity:1!important;transform:none!important}}
.an-site main :not(.an-title-visible)>.an-title-line>span{animation:none;transform:translateY(110%)}
/* Privacy controls retain their consent behavior while sharing the visual system. */
.an-site .privacy-banner{background:#fff;color:#000;border:1px solid #dadbd7;border-radius:12px;box-shadow:0 8px 32px #00000014;font-family:var(--an-sans)}
.an-site .privacy-banner .privacy-banner__title{font-family:var(--an-sans);font-weight:500}
.an-site .privacy-banner p{font-family:var(--an-sans);letter-spacing:-.02em}
.an-site .privacy-banner__actions button{border:1px solid #000;border-radius:24px;background:#fff;color:#000;font:var(--an-small)/1.25 var(--an-mono);text-transform:uppercase;transition:border-radius .35s var(--an-ease)}
.an-site .privacy-banner__actions button:first-child{background:#000;color:#fff}
.an-site .privacy-banner__actions button:hover{border-radius:0;opacity:1}
.an-site .privacy-banner__actions [data-privacy-dismiss]{border-color:transparent;font-size:24px}
.an-site .privacy-banner :is(button,a):focus-visible{outline-color:#000}
.an-site .an-header>.an-brand,.an-site .an-header.is-scrolled>.an-brand,.an-site .an-menu__top>.an-brand{padding:0;margin:0;line-height:1;height:40px;display:flex;align-items:center;font-size:clamp(28px,2.7vw,40px)}

html:has(>.an-site),html:has(>body.an-site){scrollbar-gutter:stable}
.an-site .an-menu__social a{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;line-height:1}
.an-site .an-menu__social svg{width:12px;height:12px;flex:none}
@media(prefers-reduced-motion:reduce){.an-site .an-title-line>span{transform:none!important;animation:none!important}}

.an-site :is(.an-news-card__media,.an-journal-card__media,.blog-post-hero__media,.blog-reader-gate__teaser-media):has(img:is([src*="68bb0b4afbed420bdc5292ca"],[src*="visualmethod-voshel-v-spisok-luchshih-dizayn-agentstv"])){background:#c53338}
.an-site :is(.an-news-card__media,.an-journal-card__media,.blog-post-hero__media,.blog-reader-gate__teaser-media) img:is([src*="68bb0b4afbed420bdc5292ca"],[src*="visualmethod-voshel-v-spisok-luchshih-dizayn-agentstv"]){object-fit:contain}