@media (max-width:768px){html body .section-head__sub{font-size:17rem !important;line-height:1.2 !important}html body .bbmk__task-s{margin-top:9rem}html body .bbmk__qs{width:84.7%;max-width:none;margin:88rem auto 0;aspect-ratio:1 / 1;height:auto}html body footer.footer{background:#fff;color:#101010}html body footer.footer *{background-color:transparent}html body footer.footer a,html body footer.footer .footer__email{color:#101010}html body footer.footer .footer__label,html body footer.footer .footer__label_one{color:#9a9a9a}html body footer.footer .footer__group,html body footer.footer .footer__copy,html body footer.footer .footer__bottom{border-top-color:#e3e3e3}}
/* Токены сетки — те же 4 колонки и та же отбивка, что в шапке сайта.
   Считаются в процентах от контентного бокса, поэтому не расходятся
   с шапкой на широких и низких экранах, где rem считается от высоты. */
:root{
--bb-gutter:32rem;
--bb-col:calc((100% - 3 * var(--bb-gutter)) / 4);
--bb-2col:calc(var(--bb-col) * 2 + var(--bb-gutter));
--bb-3col:calc(var(--bb-col) * 3 + var(--bb-gutter) * 2);
}

/* Страницы направлений: контент во всю сетку, как в шапке, блоге и FAQ */
body.single-service .work-content > .container > .content,
body.single-service .cta-form > .container > .content{
max-width:none;width:100%;margin-left:0;margin-right:0}

/* Текст направления — колонки 2–4 (левый край по пункту «Работы») */
body.single-service .svc{
margin-left:calc(var(--bb-col) + var(--bb-gutter));
margin-right:0;width:auto;max-width:none}

/* Форма заявки — колонки 2–4, левый край по «En» в шапке */
body .cta-form .minimal-form{
max-width:var(--bb-3col);width:100%;margin-left:auto;margin-right:0}

@media(max-width:768px){
body.single-service .svc{margin-left:0}
body .cta-form .minimal-form{max-width:none;width:100%;margin-left:0}
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:bbvt-uhod 160ms cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:bbvt-prihod 300ms cubic-bezier(0,0,.2,1) both}
@keyframes bbvt-uhod{to{opacity:0}}
@keyframes bbvt-prihod{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
::view-transition-old(root),::view-transition-new(root){animation:none}
}
.fab{opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .4s ease,visibility 0s linear .4s}
.fab.bbfab--vidno{opacity:1;visibility:visible;pointer-events:auto;
transition:opacity .4s ease,visibility 0s}
.fab{--fd:.44s;--fd-back:.36s;--fe:cubic-bezier(.34,.76,.16,1);--fo:.16s}

html body .fab__item{display:flex;align-items:center;justify-content:center;transition:padding var(--fd-back) var(--fe)}
html body .fab__item:active{transform:scale(.978);transition:transform .1s ease-out}

/* tg в покое — кружок */
html body .fab__item:first-of-type{padding-left:0;padding-right:0;min-width:var(--h,56rem);justify-content:center}

/* обе подписи в одной ячейке: меняется только её ширина */
html body .fab__tw{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--ws,auto);transition:width var(--fd-back) var(--fe)}
html body .fab__t{display:block;white-space:nowrap;-webkit-user-select:none;user-select:none}
html body .fab__t--short{flex:0 0 auto;opacity:1;transition:opacity var(--fo) linear .09s}
html body .fab__t--long{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--fo) linear}

@media(hover:hover){
html body .fab__item:hover{padding-left:15rem;padding-right:15rem;transition:padding var(--fd) var(--fe)}
html body .fab__item:hover .fab__tw{width:var(--wl,220rem);transition:width var(--fd) var(--fe)}
html body .fab__item:hover .fab__t--short{opacity:0;transition:opacity var(--fo) linear}
html body .fab__item:hover .fab__t--long{opacity:1;transition:opacity var(--fo) linear .09s}
}

/* на телефоне наведения нет — кнопка остаётся прежней */
@media(max-width:768px){
html body .fab__item:first-of-type{min-width:0;padding-left:15rem;padding-right:15rem}
}

/* отдача: ровный вдох-выдох от единицы, без растяжки по горизонтали */
html body .fab.is-snap{animation:bbfab-dyh .52s cubic-bezier(.33,1,.68,1) both}
@keyframes bbfab-dyh{0%{transform:scale(1)}40%{transform:scale(1.014)}100%{transform:scale(1)}}

.fab{will-change:transform;backface-visibility:hidden}
@media (prefers-reduced-motion:reduce){.fab,.fab *{transition-duration:.12s!important;animation:none!important}}
:root{--container:78rem}@media (max-width:768px){:root{--container:20rem}}html body .bbmk .container{padding-left:var(--container);padding-right:var(--container)}
/* Общий серый тона #9a9a9a вместо #808080 (переменная темы) */
:root{--stone:0 0% 60.4%}

/* Шапка страницы */
html body .section-head h1.section-head__title,
html body h1.post-header__title{font-size:128rem;line-height:1}
/* Кейсы: подпись под заголовком — как на остальных страницах */
html body .work-header__subtitle{font-size:36rem;line-height:1;color:#9a9a9a}
@media(max-width:768px){html body .work-header__subtitle{font-size:20rem}}
html body .section-head .section-head__subtitle,
html body .section-head .section-head__label{font-size:36rem;line-height:1}

/* Заголовки секций внутри страниц */
html body .section-head h2.section-head__title,
html body .section-head h3.section-head__title{font-size:64rem;line-height:1}

/* Блок «Работы» на направлениях был сдвинут вправо на 5rem */
html body .svc-cases{margin-left:0}
/* на направлениях перед блоком «360» уже есть воздух от кейсов и кнопки «Поделиться» */
html body.single-service .bbmk__b360{margin-top:0}

/* Отступ шапки сверху — как на «Бюро» */
body:not(.home) main > .section:first-child,
body:not(.home) main > .page-content > .section:first-child,
body.single-service .work-header,
body.single-work .work-header{padding-top:50rem}

@media(max-width:768px){
html body .section-head h1.section-head__title,
html body h1.post-header__title{font-size:64rem}
/* длинные названия направлений не влезают в 64rem */
html body.single-service h1.post-header__title{font-size:48rem;max-width:100%}
html body .section-head h1.section-head__title,
html body h1.post-header__title{overflow-wrap:break-word}
html body .section-head .section-head__subtitle,
html body .section-head .section-head__label{font-size:20rem}
html body .section-head h2.section-head__title,
html body .section-head h3.section-head__title{font-size:32rem}
body:not(.home) main > .section:first-child,
body:not(.home) main > .page-content > .section:first-child,
body.single-service .work-header,
body.single-work .work-header{padding-top:40rem}
}

/* --- Список направлений: как на «Бюро» --- */
html body .svn__row{font-size:64rem;line-height:1;color:#9a9a9a;
padding-top:0;padding-bottom:3rem;border-bottom:1px solid #cfcfcf;margin-bottom:calc(23rem - 1px);transition:color .2s ease,border-color .2s ease}
html body .svn__row:first-child{color:#101010;border-bottom-color:#000}
html body .svn__row:last-child{margin-bottom:0}
html body .svn__num,html body .svn__name{font-size:inherit;line-height:inherit;color:inherit}
html body .svn__row{grid-template-columns:1fr max-content}
html body .svn__name{grid-column:1;justify-self:start;text-align:left}
html body .svn__num{grid-column:2;justify-self:end;text-align:right;white-space:nowrap}
@media(hover:hover){
html body .svn__list:hover .svn__row:first-child:not(:hover){color:#9a9a9a;border-bottom-color:#cfcfcf}
html body .svn__list .svn__row:hover{color:#101010;border-bottom-color:#000}
}

/* --- Карточка заявки: как на «Бюро» --- */
html body .qsn__card{width:468rem;height:727rem;background:#f4f4f4;border-radius:10rem;
padding:79rem 32rem 56rem;align-items:center;text-align:center;transition:transform .35s ease}
html body .qsn__title{font-size:36rem;line-height:1.25}
html body .qsn__icon{width:200rem;height:200rem;border-radius:56rem;position:relative;transition:transform .35s ease}
html body .qsn__icon > svg{display:none}
html body .qsn__icon::before,html body .qsn__icon::after{content:"";position:absolute;left:50%;top:50%;background:#101010}
html body .qsn__icon::before{width:75rem;height:3rem;transform:translate(-50%,-50%)}
html body .qsn__icon::after{width:3rem;height:75rem;transform:translate(-50%,-50%)}
html body .qsn__info{font-size:32rem;line-height:1.25;display:flex;flex-direction:column;gap:10rem;align-items:center;text-align:center}
html body .qsn__dim{font-size:32rem;line-height:1.25}
@keyframes bbtip-oborot{from{transform:scale(1.05) rotate(0deg)}to{transform:scale(1.05) rotate(360deg)}}
@media(hover:hover){
html body .qsn__card:hover{transform:translateY(-6rem)}
html body .qsn__card:hover .qsn__icon{transform:scale(1.05);animation:bbtip-oborot .6s ease}
}

@media(max-width:768px){
html body .svn__row{font-size:32rem;padding-bottom:6rem;margin-bottom:calc(18rem - 1px)}
html body .qsn__card{width:100%;height:auto;min-height:560rem;padding:40rem 24rem 32rem}
html body .qsn__icon{width:120rem;height:120rem;border-radius:34rem}
html body .qsn__icon::before{width:45rem;height:2rem}
html body .qsn__icon::after{width:2rem;height:45rem}
html body .qsn__title{font-size:24rem}
html body .qsn__info,html body .qsn__dim{font-size:20rem}
}

/* Предварительная оптическая компенсация: чтобы заголовок не прыгал при загрузке.
   Скрипт потом уточняет значение по реальной первой букве. */
html body .section-head h1.section-head__title,
html body h1.post-header__title,
html body .section-head h2.section-head__title,
html body .section-head h3.section-head__title,
html body .section-head .section-head__subtitle,
html body .section-head .section-head__label,
html body .bbmk__h1,
html body .bbmk__sub,
html body .bbmk__lead,
html body .bbmk__task-t,
html body .bbmk__task-s,
html body .bbmk__b360-t,
html body .bbmk__faq-l,
html body .bbmk__rev-t{transform:translateX(calc(1.7rem - 0.085em))}

/* «Работы»: сетка ближе к заголовку — тот же ритм, что на «Бюро» */
html body.page-id-735 .pgv4{padding-top:26rem}

/* кейс: подпись и текст ближе друг к другу */
html body.single-work .work-header{padding-bottom:20rem}
html body.single-work .work-content > .container > .content{padding-top:30rem}

/* «Работы»: ширину сетки задаёт CSS, а не скрипт — иначе при загрузке
   блок сначала рисуется узким по центру и потом прыгает на всю ширину */
html body.page-id-735 .page-content__body{max-width:none;width:100%;margin-left:0;margin-right:0}
html body .page-content__body:has(> .pgv4){max-width:none;width:100%;margin-left:0;margin-right:0}
/* ===== Страница «Бюро» по макету Figma 4:597. 1 px макета = 1 rem темы ===== */
.bbmk{color:#101010}
.bbmk .container{padding-left:60rem;padding-right:60rem}
.bbmk section{position:relative}

/* --- 1. О бюро --- */
.bbmk__intro{padding:50rem 0 71rem;border-bottom:1px solid #eee}
.bbmk__h1{font-size:128rem;line-height:1;color:#101010;margin:0}
.bbmk__sub{font-size:36rem;line-height:1;color:#9a9a9a;margin:20rem 0 0}
.bbmk__lead{font-size:64rem;line-height:1.1;color:#101010;margin:63rem 0 0}
.bbmk__lead p{margin:0}
.bbmk__lead p + p{margin-top:60rem}
.bbmk__stats{margin-top:86rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:90rem}
.bbmk__stat{padding:60rem 0;display:flex;flex-direction:column;gap:20rem;align-items:flex-start}
.bbmk__stat.is-line{border-bottom:0}
.bbmk__num{font-size:128rem;line-height:1;color:#101010;white-space:nowrap}
.bbmk__lab{font-size:24rem;line-height:1.25;color:#9a9a9a}

/* --- 2. Клиенты и награды --- */
.bbmk__clients{margin-top:129rem}
.bbmk__grid{display:flex;align-items:flex-start}
.bbmk__side{width:458rem;flex:0 0 458rem;margin-right:32rem;font-size:64rem;line-height:1;color:#000}
.bbmk__main{flex:1 1 auto;min-width:0}
.bbmk__cl{font-size:64rem;line-height:1.3;color:#101010;margin:0;max-width:1390rem}
.bbmk__cl u{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:from-font}
.bbmk__awards{margin-top:200rem}
.bbmk__aw{display:block}
.bbmk__aw-row{display:flex;align-items:flex-start;gap:20rem;
font-size:64rem;line-height:1;color:#9a9a9a;
padding-bottom:11rem;border-bottom:1px solid #b9b9b9;margin-bottom:calc(15rem - 1px)}
.bbmk__aw-row:first-child{color:#101010;border-bottom-color:#000}
.bbmk__aw-row:last-child{margin-bottom:0}
.bbmk__aw-name{flex:1 1 auto;min-width:0}
.bbmk__aw-year{flex:0 0 162rem;width:162rem;text-align:right}

/* --- 3. Алексей Боков --- */
.bbmk__person{margin-top:198rem}
.bbmk__pt{font-size:64rem;line-height:1.1;color:#000;margin:0}
.bbmk__pt span{color:#9a9a9a}
.bbmk__photo{margin-top:60rem;width:100%;aspect-ratio:1928 / 1291;overflow:hidden;border-radius:5rem}
.bbmk__photo img{width:100%;height:100%;object-fit:cover;display:block}
.bbmk__ptext{margin-left:490rem;max-width:1438rem;font-size:36rem;line-height:1.1;color:#101010}
.bbmk__ptext p{margin:0}
.bbmk__ptext p + p{margin-top:1.1em}
.bbmk__ptext--1{margin-top:129rem}
.bbmk__ptext--2{margin-top:1.1em;position:relative}
.bbmk__ptext .bbmk__grey{color:#9a9a9a}
.bbmk__pod{position:absolute;left:-490rem;top:0;width:458rem;margin:0;color:#101010}
.bbmk__pod + p{margin-top:0}

/* --- 4. Брендинг 360 --- */
.bbmk__b360{margin-top:200rem}
.bbmk__b360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40rem}
.bbmk__b360-t{font-size:128rem;line-height:1;color:#000;padding-top:0}
.bbmk__b360-n{font-size:300rem;line-height:1;color:#000;white-space:nowrap}
.bbmk__list{margin-top:45rem}
.bbmk__row{display:flex;align-items:flex-start;gap:20rem;
font-size:64rem;line-height:1;color:#9a9a9a;
padding-bottom:3rem;border-bottom:1px solid #cfcfcf;margin-bottom:calc(23rem - 1px)}
a.bbmk__row{text-decoration:none;cursor:pointer}
.bbmk__row:first-child{color:#101010;border-bottom-color:#000}
.bbmk__row:last-child{margin-bottom:0}
.bbmk__row-n{flex:1 1 auto;min-width:0}
.bbmk__row-i{flex:0 0 307rem;width:307rem;text-align:right}

/* --- 5. Отзывы --- */
.bbmk__rev{margin-top:200rem}
.bbmk__rev-t{font-size:64rem;line-height:1;color:#000;margin:0}
.bbmk__band{margin-top:60rem;height:999rem;position:relative;display:flex;justify-content:center;overflow:hidden}
.bbmk__band::before{content:"";position:absolute;inset:0;background:#f4f4f4;z-index:0;
transform:scale(var(--bbmk-fon,.83));transform-origin:center center;will-change:transform}
.bbmk__band > *{position:relative;z-index:1}
.bbmk__card{margin-top:99rem;width:467rem;height:749rem;background:#fff;border-radius:5rem;
padding:32rem;position:relative;display:flex;flex-direction:column}
.bbmk__quote{font-size:60rem;line-height:.55;color:#101010;height:34rem;overflow:hidden}
.bbmk__rev-text{margin-top:17rem;font-size:20rem;line-height:1.25;color:#101010;width:406rem}
.bbmk__rev-who{position:absolute;left:32rem;top:625rem;display:flex;flex-direction:column;gap:10rem;
font-size:20rem;line-height:1.25}
.bbmk__rev-who b{font-weight:inherit;color:#101010}
.bbmk__rev-who i{font-style:normal;color:#9a9a9a}
.bbmk__dots{margin-top:27rem;display:flex;gap:20rem;align-items:center;cursor:pointer}
.bbmk__dots i{display:block;width:12rem;height:12rem;border-radius:50%;background:#cfcfcf;transition:background .2s ease}
.bbmk__dots i:first-child{background:#101010}

/* --- 6. Есть задача --- */
.bbmk__task{margin-top:200rem}
.bbmk__task-t{font-size:64rem;line-height:1;color:#101010;margin:0}
.bbmk__task-s{font-size:36rem;line-height:1;color:#9a9a9a;margin:20rem 0 0}
.bbmk__qs{margin:69rem auto 0;width:468rem;height:727rem;background:#f4f4f4;border-radius:10rem;
padding:79rem 32rem 56rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
text-decoration:none;color:inherit}
.bbmk__qs-t{font-size:36rem;line-height:1.25;color:#101010;text-align:center}
.bbmk__go{width:200rem;height:200rem;background:#fff;border-radius:56rem;
display:flex;align-items:center;justify-content:center}
.bbmk__go span{position:relative;display:block;width:75rem;height:75rem}
.bbmk__go span::before,.bbmk__go span::after{content:"";position:absolute;background:#101010}
.bbmk__go span::before{left:0;right:0;top:50%;height:3rem;transform:translateY(-50%)}
.bbmk__go span::after{top:0;bottom:0;left:50%;width:3rem;transform:translateX(-50%)}
.bbmk__qs-b{display:flex;flex-direction:column;gap:10rem;text-align:center;font-size:32rem;line-height:1.25}
.bbmk__qs-b b{font-weight:inherit;color:#101010}
.bbmk__qs-b i{font-style:normal;color:#9a9a9a}

/* --- 7. Вопрос-ответ --- */
.bbmk__faq{margin-top:283rem;margin-bottom:79rem}
.bbmk__faq-l{width:458rem;flex:0 0 458rem;margin-right:32rem;font-size:36rem;line-height:1;color:#101010;padding-top:20rem}
.bbmk__faq-list{flex:1 1 auto;min-width:0}
.bbmk__q{display:flex;align-items:center;gap:10rem;padding:20rem;border-bottom:1px solid #ebebeb}
.bbmk__q span{flex:1 1 auto;min-width:0;font-size:32rem;line-height:1;color:#9a9a9a}
.bbmk__q em{flex:0 0 20rem;width:20rem;height:20rem;border-radius:100rem;background:#ebebeb}
.bbmk__q:first-child span{color:#101010}
.bbmk__q:first-child em{background:#cfcfcf}

/* --- телефон: макет десктопный, здесь соразмерное упрощение --- */
@media(max-width:768px){
.bbmk .container{padding-left:var(--container);padding-right:var(--container)}
.bbmk__intro{padding:40rem 0 34rem}
.bbmk__h1{font-size:64rem}
.bbmk__sub{font-size:20rem;margin-top:12rem}
.bbmk__lead{font-size:28rem;margin-top:31rem}.bbmk__lead p + p{margin-top:28rem}
.bbmk__stats{margin-top:44rem;grid-template-columns:repeat(2,1fr);column-gap:30rem}
.bbmk__stat{padding:30rem 0;gap:10rem}
.bbmk__num{font-size:56rem}
.bbmk__lab{font-size:16rem}
.bbmk__grid{display:block}
.bbmk__side{width:auto;margin-right:0;font-size:32rem;margin-bottom:20rem}
.bbmk__cl{font-size:28rem;max-width:none}
.bbmk__awards{margin-top:80rem}
.bbmk__aw-row{font-size:24rem;gap:10rem}
.bbmk__aw-year{flex-basis:90rem;width:90rem}
.bbmk__clients{margin-top:60rem}
.bbmk__person{margin-top:90rem}
.bbmk__pt{font-size:32rem}
.bbmk__photo{margin-top:30rem;aspect-ratio:4/5}
.bbmk__ptext{margin-left:0;max-width:none;font-size:20rem}
.bbmk__pod{position:static;left:auto;width:auto;margin:0 0 20rem}
.bbmk__ptext--1{margin-top:40rem}
.bbmk__ptext--2{margin-top:40rem}
.bbmk__b360{margin-top:90rem}
.bbmk__b360-head{align-items:baseline}
.bbmk__b360-t{font-size:64rem;padding-top:0}
.bbmk__b360-n{font-size:96rem}
.bbmk__list{margin-top:30rem}
.bbmk__row{font-size:24rem;padding-bottom:8rem;margin-bottom:12rem}
.bbmk__row-i{flex-basis:80rem;width:80rem}
.bbmk__rev{margin-top:90rem}
.bbmk__rev-t{font-size:32rem}
.bbmk__band{height:auto;padding:40rem 20rem 80rem}
.bbmk__card{margin-top:0;width:100%;height:auto;min-height:600rem}
.bbmk__rev-text{width:auto}
.bbmk__rev-who{position:static;margin-top:auto;padding-top:40rem;left:auto;top:auto}
.bbmk__dots{margin-top:30rem}
.bbmk__task{margin-top:90rem}
.bbmk__task-t{font-size:32rem}
.bbmk__task-s{font-size:20rem;margin-top:12rem}
.bbmk__qs{width:100%;max-width:468rem;height:auto;padding:60rem 24rem 44rem;gap:60rem;margin-top:40rem}
.bbmk__qs-t{font-size:24rem}
.bbmk__qs-b{font-size:22rem}
.bbmk__faq{margin-top:90rem;margin-bottom:40rem}
.bbmk__faq-l{width:auto;flex-basis:auto;font-size:24rem;padding-top:0;margin-bottom:16rem}
.bbmk__q{padding:14rem 0}
.bbmk__q span{font-size:18rem;line-height:1.3}
}

/* --- блоки темы, переодетые в макет --- */
.bbmk .testimonials__slider_start{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0;margin-top:0}
.bbmk .testimonials__slider{width:100%;max-width:none;display:flex;align-items:center;justify-content:center;gap:40rem}
.bbmk .testimonials-swiper{flex:0 0 507rem;width:507rem !important;max-width:none;padding:20rem;box-sizing:border-box;margin-top:79rem}
.bbmk .swiper-slide{width:467rem !important;max-width:100%;height:auto}
.bbmk .testimonial{transition:transform .35s ease;width:100%;height:auto;min-height:749rem;background:#fff;border-radius:5rem;padding:32rem;
margin:0;display:flex;flex-direction:column;position:relative}

.bbmk .testimonial__text{font-size:20rem;line-height:1.25;color:#101010;margin:17rem 0 0}
.bbmk .testimonial__author{margin-top:auto;padding-top:40rem;
display:flex;flex-direction:column;gap:10rem;font-size:20rem;line-height:1.25;color:#101010}
.bbmk .testimonial__author .text-stone{color:#9a9a9a}
.bbmk .testimonials__hint,.bbmk .testimonials__nav{display:none}
.bbmk .testimonials__nav{font-size:22rem;color:#101010;background:none;border:0;cursor:pointer}

.bbmk .faq__list{width:100%;max-width:none;margin-left:0;margin-right:0}
.bbmk .faq__item,.bbmk .faq__question,.bbmk .faq__answer{margin-left:0;margin-right:0}
.bbmk .faq__item{border-bottom:1px solid #ebebeb}
.bbmk .faq__question{display:flex;align-items:center;gap:10rem;width:100%;padding:20rem 0;
background:none;border:0;text-align:left;cursor:pointer}
.bbmk .faq__question > span:first-child{flex:1 1 auto;min-width:0;font-size:36rem;line-height:1;color:#101010}
.bbmk .faq__question > span:first-child{transition:color .2s ease}
/* раскрытый вопрос остаётся чёрным */
.bbmk .faq__item.is-open .faq__question > span:first-child{color:#101010}
@media(hover:hover){
.bbmk .faq__item:hover .faq__question > span:first-child{color:#101010}
}
/* ответ всегда серый, независимо от наведения и раскрытия */
.bbmk .faq__answer p,
.bbmk .faq__item:hover .faq__answer p,
.bbmk .faq__item.is-open .faq__answer p{color:#b9b9b9}
.bbmk .faq__toggle{flex:0 0 20rem;width:20rem;height:20rem;border-radius:100rem;
background:#ebebeb;font-size:0;color:transparent;overflow:hidden}
.bbmk .faq__answer{padding-inline:0}
.bbmk .faq__answer p{font-size:36rem;line-height:1.25;color:#b9b9b9}
.bbmk .faq__item:hover .faq__toggle,.bbmk .faq__item.is-open .faq__toggle{background:#101010}

/* --- ховеры как на живом сайте --- */
.bbmk__aw-row,.bbmk__row{transition:color .2s ease,border-color .2s ease}
@media(hover:hover){
.bbmk__aw:hover .bbmk__aw-row:first-child:not(:hover){color:#9a9a9a;border-bottom-color:#b9b9b9}
.bbmk__aw .bbmk__aw-row:hover{color:#101010;border-bottom-color:#000}
.bbmk__list:hover .bbmk__row:first-child:not(:hover){color:#9a9a9a;border-bottom-color:#cfcfcf}
.bbmk__list .bbmk__row:hover{color:#101010;border-bottom-color:#000}
}

/* --- эффект карточки «Обсудить проект», как на живом сайте --- */
.bbmk__qs{transition:transform .3s ease}
.bbmk__go{transition:transform .3s ease}
@media(hover:hover){
.bbmk__qs:hover{transform:translateY(-6rem)}
.bbmk__qs:hover .bbmk__go{transform:scale(1.05)}
/* плюс проворачивается на полный оборот один раз */
.bbmk__qs:hover .bbmk__go span{animation:bbmk-oborot .6s ease}
@media(hover:hover){.bbmk .testimonial:hover{transform:scale(1.05)}}
@keyframes bbmk-oborot{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
}

/* --- раскрытие фотографии при прокрутке --- */
.bbmk__photo img{transform-origin:center center;will-change:transform}

@media(max-width:768px){
.bbmk .testimonials__slider_start{padding-top:0}
.bbmk .testimonials-swiper{margin-top:0}
.bbmk .testimonials-swiper,.bbmk .swiper-slide{width:100% !important;max-width:100%;flex:0 0 auto}
.bbmk .testimonials-swiper{padding:0}
.bbmk .testimonial{height:100%;min-height:600rem;padding:24rem}
.bbmk .swiper-slide{height:auto}
.bbmk__dots{margin-top:40rem}
.bbmk .testimonial__author{position:static;margin-top:auto;padding-top:40rem;left:auto;right:auto;top:auto}
.bbmk .faq__question{padding:14rem 0}
.bbmk .faq__question > span:first-child{font-size:18rem;line-height:1.3}
.bbmk .faq__answer{padding-inline:0}
.bbmk .faq__answer p{font-size:18rem;line-height:1.3}
}

/* --- телефон: отзывы без серой плашки --- */
@media(max-width:768px){
.bbmk__band{background:none;padding:0 20rem;margin-top:80rem;overflow:visible}
.bbmk__band::before{display:none}
.bbmk .testimonial{background:#fff;border:1px solid #e6e6e6;border-radius:5rem;box-shadow:none}
.bbmk .testimonials-swiper{margin-top:0}
.bbmk__dots{margin-top:40rem}
.bbmk__task{margin-top:100rem}
}
@media(max-width:768px){#request.m-none{display:flex}}
.fab{transition:opacity 400ms ease,visibility 400ms ease}html.bb-fab-off .fab{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
@media (max-width:768px){body.home .container{padding-left:14rem!important;padding-right:14rem!important}body.home .cases .content{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important}body.home .header{padding:27rem 14rem 12rem!important;height:auto!important;background:#fff!important;border:0!important;box-shadow:none!important}body.home .header::after,body.home .header::before{display:none!important}body.home .header__logo,body.home .header__menu-btn{font-size:21rem!important;line-height:1!important}body.home .bbhero{margin-top:0!important}body.home .bbhero__frame{aspect-ratio:3/2!important;height:auto!important}body.home .bbhero__vid{width:100%!important;height:100%!important;object-fit:cover!important}body.home .cases{padding-top:6rem!important}body.home .section-head__label{font-size:17rem!important;line-height:1!important;margin-left:0!important;padding-left:0!important}body.home .section-head__about{font-size:30rem!important;line-height:1.04!important;margin-top:5rem!important}body.home .bbc__grid{display:flex!important;flex-direction:column!important;gap:34rem!important;margin-top:0!important}body.home .bbc__card{display:block!important}body.home .bbc__ph{aspect-ratio:1/1!important;height:auto!important;margin-bottom:7rem!important;overflow:hidden!important}body.home .bbc__name,body.home .bbc__desc{display:inline!important;margin-top:0!important;}body.home .bbc__name::after{content:". "}body.home .cases .btn--outline{display:flex!important;align-items:center!important;justify-content:center!important;width:209rem!important;height:70rem!important;margin:29rem auto 0!important;font-size:17rem!important;border-radius:10rem!important}body.home .bbmk__b360-head{display:block!important;height:auto!important}body.home .bbmk__b360-t{margin:0!important;width:auto!important}body.home .bbmk__b360-n{display:block!important;width:auto!important;height:auto!important;margin-top:8rem!important;white-space:nowrap!important;text-align:right!important}body.home .bbmk__row{min-height:36rem!important;height:36rem!important;display:flex!important;align-items:center!important;gap:8rem!important;padding-bottom:11rem!important;margin-bottom:11rem!important}body.home .bbmk__list .bbmk__row:last-child{margin-bottom:0!important}body.home .bbmk__row-n{flex:1 1 auto!important;width:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.home .bbmk__row-i{flex:0 0 auto!important;width:auto!important;text-align:right!important;padding-right:0!important}body.home .bbmk__task-s{margin-top:9rem!important}body.home .bbmk__qs{width:84.7%!important;max-width:none!important;margin:88rem auto 0!important;aspect-ratio:1/1!important;height:auto!important}body.home .bbmk__faq-l{width:100%!important}body.home .bbc__card{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.home .bbc__ph{white-space:normal!important}body.home .bbc__name,body.home .bbc__desc{white-space:nowrap!important}body.home .cases .section-head{padding-bottom:20rem!important}body.home .bbmk__row .bbmk__row-n,body.home .bbmk__row .bbmk__row-i{color:#9a9a9a!important;transition:color .25s ease!important}body.home .bbmk__row.bbmk-row-on .bbmk__row-n,body.home .bbmk__row.bbmk-row-on .bbmk__row-i{color:#101010!important}body.home .bbmk__b360,body.home .bbmk__b360 .container{overflow:visible!important}.bbmenu__sheet{min-height:0!important;max-height:none!important;height:auto!important;justify-content:flex-start!important;padding-top:34rem!important;padding-bottom:22rem!important}.bbmenu__row{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important}.bbmenu__nav{width:auto!important}.bbmenu__link{font-size:51rem!important;line-height:59rem!important}.bbmenu__lang{margin-top:0!important;font-size:51rem!important;line-height:59rem!important}.bbmenu__year{display:none!important}.bbmenu__foot{margin-top:60rem!important;gap:26rem!important}.bbmenu__close{font-size:21rem!important;line-height:1!important;color:#101010!important;padding-right:4rem!important}body.home .bbmk__b360-n{margin-right:-4.6rem!important}body.home .footer{background:#fff!important;color:#101010!important;padding:60rem 0 40rem!important}body.home .footer__email{display:block!important;color:#101010!important;text-decoration:none!important}body.home .footer__grid{display:grid!important;grid-template-columns:56% 44%!important;column-gap:0!important;row-gap:52rem!important;margin-top:46rem!important}body.home .footer__column{margin:0!important;padding:0!important;width:auto!important}body.home .footer__grid>.footer__column:nth-child(1){grid-column:1!important;grid-row:1!important}body.home .footer__grid>.footer__column:nth-child(2){grid-column:2!important;grid-row:1!important}body.home .footer__grid>.footer__column:nth-child(3){grid-column:2!important;grid-row:2!important}body.home .footer__grid>.footer__column:nth-child(4){grid-column:1!important;grid-row:2!important}body.home .footer__label,body.home .footer__label_one{display:block!important;color:#9a9a9a!important;margin:0!important}body.home .footer__list{display:flex!important;flex-direction:column!important;gap:0!important}body.home .footer__list a{display:block!important;color:#101010!important;text-decoration:none!important}body.home .footer__column.one .footer__list{margin:0 0 6rem 0!important}body.home .footer__group{margin:0!important;padding:0!important;border:0!important;gap:0!important}body.home .footer__group+.footer__group{margin-top:34rem!important}body.home .footer__grid>.footer__column:nth-child(2) .footer__list a:first-child{display:none!important}body.home .footer__grid>.footer__column:nth-child(3) .footer__list a:first-child{display:none!important}body.home .footer__grid>.footer__column:nth-child(3) .footer__list a:nth-child(3){order:-1!important}body.home .footer__grid>.footer__column:nth-child(4) .footer__label{display:none!important}body.home .footer__grid>.footer__column:nth-child(4) .footer__list a{color:#9a9a9a!important}body.home .footer__grid>.footer__column:nth-child(4) .footer__group:nth-child(2){display:none!important}body.home .footer__bottom{margin-top:165rem!important;border:0!important;padding:0!important}body.home .footer__bottom .text-stone{color:#9a9a9a!important;}body.home .bbmk__faq{margin-top:68rem!important}body.home .bbmk__faq-l{margin-bottom:38rem!important}body.home .bbmk__faq .faq__question{padding:14rem 0!important;align-items:center!important;gap:14rem!important}body.home .bbmk__faq .faq__question>span:first-child{color:#9a9a9a!important;transition:color .25s ease!important}body.home .bbmk__faq .faq__item.bbfaq-on .faq__question>span:first-child,body.home .bbmk__faq .faq__question[aria-expanded="true"]>span:first-child{color:#101010!important}body.home .bbmk__faq .faq__toggle{width:8rem!important;height:8rem!important;min-width:0!important;min-height:0!important;flex:0 0 auto!important;padding:0!important;margin:0!important;background:#ebebeb!important;border-radius:50%!important;transition:background-color .25s ease,width .25s ease,height .25s ease!important}body.home .bbmk__faq .faq__item.bbfaq-on .faq__toggle,body.home .bbmk__faq .faq__question[aria-expanded="true"] .faq__toggle{width:13rem!important;height:13rem!important;background:#101010!important}body.home .bbmk__qs{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;margin:67rem 0 0!important;padding:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;overflow:visible!important}body.home .bbmk__qs .bbmk__qs-t,body.home .bbmk__qs .bbmk__qs-b,body.home .bbmk__qs .bbmk__go{display:none!important}body.home .bbx{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:0;top:0;right:0;bottom:0}body.home .bbx__cross{position:relative;width:68.2%;aspect-ratio:1/1;transform:rotate(var(--bbxr,0deg));transform-origin:50% 50%;transition:transform .7s cubic-bezier(.33,0,.15,1);will-change:transform}body.home .bbx__cross i{position:absolute;display:block}body.home .bbx__cross i:first-child{left:0;right:0;top:50%;height:3rem;margin-top:-1.5rem;background:#101010}body.home .bbx__cross i:last-child{top:0;bottom:0;left:50%;width:3rem;margin-left:-1.5rem;background:#101010}body.home .cases{padding-bottom:0!important;border-bottom:0!important}body.home .bbmk__list .bbmk__row{border-top:0!important;border-bottom:1px solid #cfcfcf!important}body.home .bbmk__list .bbmk__row{transition:border-color .25s ease!important}body.home .bbmk__list .bbmk__row.bbmk-row-on{border-bottom-color:#101010!important}}html body .bbmk__go{--рука:calc(var(--бокс,400rem)/2)!important}
html body .footer .footer__bottom{white-space:nowrap !important;flex-shrink:0 !important;width:auto !important;max-width:none !important}html body .footer .footer__bottom *{white-space:nowrap !important}
.bbfacts{margin:24rem 0 0;font-size:24rem;line-height:1.35;color:#808080;max-width:1100rem}.bbfacts__more{color:hsl(var(--ink));text-decoration:underline;text-underline-offset:.2em}@media(max-width:768px){.bbfacts{font-size:16px;margin-top:16px}}
.testimonial .testimonial__text::before{margin-left:-0.065em}
.fab__item{pointer-events:auto !important}
@media (max-width:768px){html body .menu-overlay .menu-item > a{font-size:30rem !important;line-height:1.25 !important}html body .menu-overlay__pill-btn{font-size:21rem !important;line-height:1.2 !important}html body .menu-overlay__lang,html body .menu-overlay__close,html body .menu-overlay__copy{font-size:21rem !important;line-height:1.2 !important}}
@media (max-width:768px){html body .bbmk__rev-t{font-size:21rem !important;line-height:1.2 !important}}
@media (min-width:769px){html body .header-page{transform:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transition:none !important;background:transparent !important;background-color:transparent !important;mix-blend-mode:difference !important;border-bottom:0 !important;box-shadow:none !important;backdrop-filter:none !important}html body .header-page .header-page-content{background:transparent !important;background-color:transparent !important;border-bottom:0 !important;box-shadow:none !important}html body .header-page,html body .header-page *{color:#efefef !important;border-color:#efefef !important;background-color:transparent !important}html body .header-page svg,html body .header-page svg *{fill:#efefef !important;stroke:#efefef !important}html body .header-page a:hover,html body .header-page a:hover *{color:#7f7f7f !important}}
@media (max-width:768px){}
@media (min-width:769px){html body.home header.header{display:none !important}}
html body .bbotz__lic{background:#101010 !important;background-color:#101010 !important}html body .bbotz__lic,html body .bbotz__lic .bbotz__nom{color:#efefef !important}html body .bbotz__ob{background:#f9f9f9 !important;background-color:#f9f9f9 !important}html body .bbotz__ob,html body .bbotz__ob .bbotz__nom,html body .bbotz__t,html body .bbotz__a,html body .bbotz__a b{color:#101010 !important}html body .bbotz__a i{color:#808080 !important}
@media (max-width:768px){html body footer.footer{padding-top:30rem !important;padding-bottom:30rem !important}html body footer.footer .footer__email{display:inline !important;}html body footer.footer .footer__grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 !important;row-gap:0 !important;column-gap:0 !important;margin-top:30rem !important}html body footer.footer .footer__grid > .footer__column{grid-column:auto !important;width:auto !important;display:block !important}html body footer.footer .footer__grid > .footer__column.one{grid-column:1 / -1 !important}html body footer.footer .footer__grid > .footer__column:nth-child(4){grid-column:1 / -1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 !important}html body footer.footer .footer__group{border-top:1px solid #e3e3e3 !important;padding:30rem 0 !important;gap:30rem !important;row-gap:30rem !important}html body footer.footer .footer__list{gap:10rem !important;row-gap:10rem !important}html body footer.footer .footer__bottom,html body footer.footer .footer__copy{border-top:1px solid #e3e3e3 !important;padding-top:40rem !important;padding-bottom:120rem !important;gap:30rem !important}}
@media (max-width:768px){html body.home .container{padding-left:var(--container) !important;padding-right:var(--container) !important}html body .container{padding-left:var(--container) !important;padding-right:var(--container) !important}}
@media (min-width:769px){html body .bbmk__b360-n{position:relative !important;left:10rem !important}}
@media (min-width:769px){html body .bbmk__row{align-items:baseline !important}html body .bbmk__b360-head{padding-top:40rem !important}}
@media (min-width:769px){html body .bbkeys__next-n,html body .bbkeys__next-c,html body .bbkeys__next-l{font-size:32rem !important;line-height:1.2 !important}html body .pgv4__name,html body .pgv4__desc,html body .bbc__name,html body .bbc__desc{font-size:32rem !important;line-height:1.2 !important}html body .bbkeys__next-n,html body .bbkeys__next-c{left:auto !important;right:var(--container,78rem) !important;text-align:right !important}}@media (max-width:768px){html body .bbkeys__next-n,html body .bbkeys__next-c,html body .bbkeys__next-l{font-size:17rem !important;line-height:1.2 !important}html body .pgv4__name,html body .pgv4__desc,html body .bbc__name,html body .bbc__desc{font-size:17rem !important;line-height:1.2 !important}}
@media (min-width:769px){html body .bbc__name,html body .bbc__desc{font-size:32rem !important;line-height:1.2 !important}html body .bbmk__b360-n,html body .bbmk__b360-t{font-size:230rem !important;line-height:1 !important}html body .bbmk__faq-l{font-size:32rem !important;line-height:1 !important}html body .bbmk__row-i{font-size:48rem !important;line-height:1 !important}html body .bbmk__row-n{font-size:64rem !important;line-height:1 !important}html body .bbmk__task-t{font-size:32rem !important;line-height:1 !important}html body .bbmk__task-s{font-size:32rem !important;line-height:1.375 !important}html body .faq__question{font-size:32rem !important;line-height:1 !important}html body .faq__answer{font-size:20rem !important;line-height:1.5 !important}html body footer.footer a.footer__email,html body footer.footer .footer__email{font-size:20rem !important;line-height:1.2 !important}html body .footer__label{font-size:20rem !important;line-height:1 !important}html body .footer__label_one{font-size:20rem !important;line-height:1.25 !important}html body .footer__list{font-size:32rem !important;line-height:1 !important}html body .section-head__title{font-size:64rem !important;line-height:1 !important}html body .text-stone{font-size:20rem !important;line-height:1 !important}html body .brief-intro{font-size:32rem !important;line-height:1.2 !important}html body .brief-file__btn,html body .brief-file__name,html body .checkbox-text{font-size:20rem !important;line-height:1 !important}html body .submit-btn{font-size:32rem !important;line-height:1 !important}html body .svc-cases .section-head__title{font-size:96rem !important;line-height:1 !important}}@media (max-width:768px){html body .svc-cases .section-head__title{font-size:36rem !important;line-height:1.05 !important}html body .bbc__name,html body .bbc__desc{font-size:17rem !important;line-height:1.15 !important}html body .bbmk__b360-n{font-size:123rem !important;line-height:1 !important}html body .bbmk__b360-t{font-size:27rem !important;line-height:1 !important}html body .bbmk__faq-l{font-size:21rem !important;line-height:1 !important}html body .bbmk__row-i,html body .bbmk__row-n{font-size:27rem !important;line-height:1 !important}html body .bbmk__task-t,html body .bbmk__task-s{font-size:21rem !important;line-height:1 !important}html body .faq__question{font-size:21rem !important;line-height:1.2 !important}html body .faq__answer{font-size:21rem !important;line-height:1.35 !important}html body footer.footer a.footer__email,html body footer.footer .footer__email{font-size:32rem !important;line-height:1 !important}html body .footer__label{font-size:21rem !important;line-height:1.53 !important}html body .footer__label_one{font-size:21rem !important;line-height:1.28 !important}html body .footer__list{font-size:21rem !important;line-height:1 !important}html body .section-head__title{font-size:30rem !important;line-height:1.05 !important}html body .text-stone{font-size:21rem !important;line-height:1 !important}html body .brief-intro{font-size:21rem !important;line-height:1.2 !important}html body .brief-file__btn,html body .brief-file__name{font-size:21rem !important;line-height:1.2 !important}html body .checkbox-text{font-size:17rem !important;line-height:1.4 !important}html body .submit-btn{font-size:21rem !important;line-height:1.2 !important}}
@media (max-width:768px){html body[class] footer.footer .footer__grid{display:flex !important;flex-wrap:wrap !important;gap:0 !important;grid-template-columns:none !important}html body[class] footer.footer .footer__grid > .footer__column{box-sizing:border-box !important;width:50% !important;max-width:none !important;flex:0 0 auto !important;display:block !important}html body[class] footer.footer .footer__grid > .footer__column.one{width:100% !important}html body[class] footer.footer .footer__grid > .footer__column:nth-child(4){width:100% !important;display:flex !important;flex-wrap:wrap !important}}
@media (max-width:768px){html body[class] footer.footer{padding-top:30rem !important;padding-bottom:30rem !important}html body[class] footer.footer .footer__grid{margin-top:30rem !important;margin-bottom:0 !important}html body[class] footer.footer .footer__group{padding-top:30rem !important;padding-bottom:30rem !important;row-gap:30rem !important;border-top:1px solid #e3e3e3 !important}html body[class] footer.footer .footer__bottom{margin-top:0 !important;padding-top:40rem !important;padding-bottom:120rem !important;row-gap:30rem !important;border-top:1px solid #e3e3e3 !important}html body[class] footer.footer .footer__list{margin:0 !important;row-gap:10rem !important}}
@media (max-width:768px){html body[class] .bbmk__faq{margin-top:90rem !important;margin-bottom:40rem !important}}
@media (min-width:769px){html body.home section.section.cases{padding-top:108rem !important}html body.home section.cases .section-head{max-width:1260rem !important;margin-bottom:253rem !important}html body.home section.cases .section-head__label{display:block !important;font-size:48rem !important;line-height:1.3 !important;letter-spacing:0 !important;color:#808080 !important;margin:0 !important;max-width:none !important}html body.home section.cases h1.section-head__about{display:block !important;font-size:48rem !important;line-height:1.3 !important;letter-spacing:0 !important;color:#101010 !important;margin:0 !important;max-width:none !important;font-weight:400 !important}}
html body.home .bbmk__b360{display:none !important}
.bbwhy{display:block;width:100%;align-self:stretch;box-sizing:border-box;padding-left:0}.bbwhy__item{margin:0;font-weight:400}.bbwhy__h{color:#101010}.bbwhy__letter{color:#101010}.bbfav{color:#101010}@media (min-width:769px){.bbwhy{margin:0 0 295rem}.bbwhy__list{display:grid;grid-template-columns:calc((100% - 96rem)/4 + 32rem) 1fr;row-gap:60rem;align-items:start}.bbwhy__letter{font-size:32rem;line-height:1.2}.bbwhy__item{font-size:32rem;line-height:1.2;color:#808080;max-width:1180rem}.bbfav{font-size:32rem;line-height:1.1;margin:0 0 63rem}}@media (max-width:768px){.bbwhy{margin:0 0 72rem}.bbwhy__list{display:block}.bbwhy__letter{display:none}.bbwhy__item{font-size:17rem;line-height:1.3;color:#808080;max-width:none}.bbwhy__item + .bbwhy__letter + .bbwhy__item,.bbwhy__item ~ .bbwhy__item{margin-top:28rem}.bbfav{font-size:21rem;line-height:1.1;margin:0 0 24rem}}
@media (min-width:769px){.bbmk__photo--m{display:none !important}}@media (max-width:768px){.bbmk__photo{aspect-ratio:auto !important;height:auto !important}.bbmk__photo>img:not(.bbmk__photo--m){display:none !important}.bbmk__photo--m{display:block !important;width:100% !important;height:auto !important;max-width:100% !important;object-fit:contain !important}}
@media (max-width:768px){html body.home header.header{padding-left:20rem !important;padding-right:20rem !important}}

@media(min-width:769px){
/* единое положение заголовков страниц: h1 на 138 от верха */
html body:not(.home) .main>.section:first-child,
html body:not(.home) .main>*>.section:first-child{padding-top:60rem!important}
/* тонкие разделительные линейки секций — в новом макете их нет */
html body:not(.home) .main .section{border-bottom:0;border-top:0}
/* «Политика»: заголовок как на других страницах и по колонке текста */
html body.page-id-3 .section-head{margin-left:493rem}
html body.page-id-3 .section-head h1.section-head__title{font-size:64rem;line-height:1;margin:0}



html body.home #cases{padding-top:75rem;padding-bottom:0;border-bottom:0}
html body.home .cases .content{row-gap:0}
html body.home .cases .section-head{padding:0;margin:0 0 124rem;gap:0;row-gap:0}
html body.home .section-head__label{font-size:32rem;line-height:1;color:#808080;margin:0}
html body.home .section-head__about{font-size:64rem;line-height:1.1;color:#101010;max-width:1491rem;margin:40rem 0 0}

html body.home .bbc__grid{gap:79rem var(--bb-gap)}
html body.home .bbc__card{display:block;font-size:24rem;line-height:1}
html body.home .bbc__ph{display:block;aspect-ratio:954/980;height:auto;margin-bottom:9rem}
html body.home .bbc__name{display:inline;font-size:24rem;line-height:1;color:#101010;margin:0}
html body.home .bbc__name:after{content:"."}
html body.home .bbc__desc{display:inline;font-size:24rem;line-height:1;color:#808080;margin:0}
html body.home .bbc__name+.bbc__desc:before{content:" "}

html body.home .cases .content>.btn{display:block;width:-moz-fit-content;width:fit-content;margin:128rem 0 0 auto;padding:0;border:0;border-radius:0;background:none;font-size:42rem;line-height:1;color:#000}
html body.home .cases .content>.btn:hover{background:none;color:#808080}

html body.home .bbmk__b360{margin-top:0;padding-top:241rem;padding-bottom:0}
html body .bbmk__b360{margin-top:0;padding-bottom:0}
html body .bbmk__b360-head{display:flex;align-items:flex-start;justify-content:space-between;height:auto;min-height:0}
html body .bbmk__b360-t{font-size:230rem;line-height:1;color:#101010;margin-top:0;padding-top:0}
html body .bbmk__b360-n{font-size:230rem;line-height:1;color:#101010;padding-top:0}
html body .bbmk__list{width:var(--bb-w6);margin:86rem 0 0 var(--bb-x3)}
html body .bbmk__row{font-size:48rem;line-height:1;padding:6rem 0 7rem;margin-bottom:18rem;border-bottom:1px solid #b9b9b9}
html body .bbmk__row .bbmk__row-n,html body .bbmk__row .bbmk__row-i{font-size:48rem;line-height:1;color:#808080}
html body .bbmk__row:last-child{margin-bottom:0}
html body .bbmk__row:first-child{border-bottom-color:#000}
html body .bbmk__row:first-child .bbmk__row-n,html body .bbmk__row:first-child .bbmk__row-i{color:#101010}

html body .bbmk__task{margin-top:0;padding-top:130rem}
html body .bbmk__task-t{font-size:32rem;line-height:1;color:#101010}
html body .bbmk__task-s{font-size:32rem;line-height:1.375;color:#808080;max-width:584rem;margin-top:14rem}

html body .bbmk__faq .bbmk__faq-l{width:var(--bb-w2);flex:0 0 var(--bb-w2);margin-right:var(--bb-gap);font-size:32rem;line-height:1;color:#101010;padding-top:20rem}
html body .bbmk__faq .faq__list{width:100%;max-width:none;margin:0}
html body.home .section-head__about{max-width:var(--bb-w6)}html body .bbmk__faq .faq__item{border-bottom:1px solid #ebebeb}html body .bbmk__faq .faq__question{padding-left:0 !important;padding-right:0 !important}
html body .bbmk__faq .faq__question{padding:20rem;font-size:32rem;line-height:1;color:#101010}
html body .bbmk__faq .faq__question>span:not(.faq__toggle){font-size:32rem;line-height:1}
html body .bbmk__faq .faq__item:not(:first-child) .faq__question{color:#808080}
html body .bbmk__faq .faq__toggle{width:20rem;height:20rem;border-radius:100rem;background:#ebebeb;font-size:0;line-height:0;color:transparent;overflow:hidden;flex:0 0 20rem}
html body .bbmk__faq .faq__item:first-child .faq__toggle{background:#cfcfcf}

html body .bbmk__task{padding-bottom:0}
html body .bbmk__qs{position:relative;display:flex;align-items:center;justify-content:center;width:630rem;height:630rem;margin:92rem auto 0;padding:0;background:none;border:0;border-radius:50%;box-shadow:none;transition:background .35s ease}
html body .bbmk__qs:hover{background:rgba(244,244,244,.47);transform:none}
html body .bbmk__qs .bbmk__qs-t,html body .bbmk__qs .bbmk__qs-b{display:none}
html body .bbmk__go{position:absolute;left:var(--лев,calc(50% - 200rem));top:var(--верх,calc(50% - 200rem));display:block;width:var(--бокс,400rem);height:var(--бокс,400rem);margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
html body .bbmk__go>span{position:absolute;left:0;top:0;width:var(--бокс,400rem);height:var(--бокс,400rem);display:block;background:none}
html body .bbmk__go:before,html body .bbmk__go:after,html body .bbmk__go>span:before,html body .bbmk__go>span:after{content:"";position:absolute;background:#101010;transform:none;margin:0}
html body .bbmk__go:before{left:calc((var(--бокс,400rem) - var(--т,4rem))/2);top:0;width:var(--т,4rem);height:var(--рука,190rem)}
html body .bbmk__go:after{left:calc((var(--бокс,400rem) - var(--т,4rem))/2);top:calc(var(--бокс,400rem) - var(--рука,190rem));width:var(--т,4rem);height:var(--рука,190rem)}
html body .bbmk__go>span:before{left:0;top:calc((var(--бокс,400rem) - var(--т,4rem))/2);width:var(--рука,190rem);height:var(--т,4rem)}
html body .bbmk__go>span:after{left:calc(var(--бокс,400rem) - var(--рука,190rem));top:calc((var(--бокс,400rem) - var(--т,4rem))/2);width:var(--рука,190rem);height:var(--т,4rem)}

html body .bbmk__faq{margin:0;padding-top:130rem;padding-bottom:0}
/* наведение на направление: активное чёрное, остальные серые */
html body .bbmk__row,html body .bbmk__row .bbmk__row-n,html body .bbmk__row .bbmk__row-i{transition:color .18s ease,border-color .18s ease}
html body .bbmk__list:hover .bbmk__row:first-child:not(:hover){border-bottom-color:#b9b9b9}
html body .bbmk__list:hover .bbmk__row:first-child:not(:hover) .bbmk__row-n,html body .bbmk__list:hover .bbmk__row:first-child:not(:hover) .bbmk__row-i{color:#808080}
html body .bbmk__list:hover .bbmk__row:hover{border-bottom-color:#000}
html body .bbmk__list .bbmk__row{border-bottom-width:2px}
html body .bbmk__list:hover .bbmk__row:hover .bbmk__row-n,html body .bbmk__list:hover .bbmk__row:hover .bbmk__row-i{color:#101010}

/* плюс проворачивается целиком */
html body .bbmk__go{transition:transform .7s cubic-bezier(.33,0,.15,1)}
html body .bbmk__qs:hover .bbmk__go{transform:rotate(360deg);animation:none}
html body .bbmk__qs:hover .bbmk__go>span{animation:none}

/* вопрос-ответ: наведение и ответы */
html body .bbmk__faq .faq__question,html body .bbmk__faq .faq__question>span,html body .bbmk__faq .faq__toggle{transition:color .18s ease,background .18s ease}
html body .bbmk__faq .faq__item:hover .faq__question,html body .bbmk__faq .faq__item:hover .faq__question>span{color:#101010}
html body .bbmk__faq .faq__item:hover .faq__toggle{background:#101010}
html body .bbmk__faq .faq__item{transition:border-color .18s ease}
html body .bbmk__faq .faq__item:hover{border-bottom-color:#101010}
html body .bbmk__faq .faq__question[aria-expanded="true"],html body .bbmk__faq .faq__question[aria-expanded="true"]>span{color:#101010}
html body .bbmk__faq .faq__question[aria-expanded="true"] .faq__toggle{background:#101010}
html body .bbmk__faq .faq__answer{padding:0}
html body .bbmk__faq .faq__answer p{font-size:32rem;line-height:1.25;color:#808080;margin:0 20rem 20rem}
html body .bbmk__faq .faq__answer p+p{margin-top:-8rem}
}


html body .footer .bbpod__cta{display:block;color:#808080;text-decoration:none;border:0}
@media(min-width:769px){
html body .footer{background:#fff;color:#101010;padding:230rem 0 41rem}
html body .footer .content{position:relative;min-height:420rem}
html body .footer a{color:#000;border:0}
html body .footer .footer__email{position:absolute;left:0;top:0;width:var(--bb-w2);font-size:20rem;line-height:1.2;color:#000;text-decoration:none}
html body .footer .bbpod__levo{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:10rem;width:var(--bb-w2)}
html body .footer .bbpod__levo .footer__email{position:static;left:auto;top:auto;width:auto}
html body .footer .bbpod__cta{margin:0;font-size:20rem;line-height:1.2;color:#808080;transition:color .18s ease}
html body .footer .bbpod__cta:hover{color:#101010}
html body .footer .footer__grid{display:block;width:auto;gap:0;margin:0}
html body .footer .footer__column{display:contents}
html body .footer .footer__group{position:absolute;display:flex;flex-direction:column;gap:10rem;margin:0;padding:0;border:0}
html body .footer .footer__list{display:flex;flex-direction:column;gap:10rem;margin:0}
html body .footer .footer__label{display:block;font-size:20rem;line-height:1;color:#808080;margin:0}
html body .footer .footer__label_one{display:block;font-size:20rem;line-height:1.25;color:#808080;margin:0}
html body .footer .footer__list a{font-size:20rem;line-height:1;color:#000}
html body .footer .footer__column.one .footer__list{gap:0}
html body .footer .footer__column.one .footer__list a{line-height:1.25}
html body .footer .footer__column:nth-child(3) .footer__group{left:var(--bb-kontakty);top:280rem}
html body .footer .footer__column.one .footer__group{left:var(--bb-kontakty);top:0}
html body .footer .footer__column:nth-child(2) .footer__group{left:var(--bb-obsudit);right:auto;top:0}
html body .footer .footer__column:nth-child(4) .footer__group:first-child{left:0;top:400rem}
html body .footer .footer__column:nth-child(4) .footer__group:first-child .footer__label{display:none}
html body .footer .footer__column:nth-child(4) .footer__group:first-child .footer__list{flex-direction:row;gap:30rem}
html body .footer .footer__column:nth-child(4) .footer__group:first-child .footer__list a{color:#808080}
html body .footer .footer__column:nth-child(4) .footer__group:nth-child(2){left:var(--bb-x7);top:276rem}
html body .footer .footer__bottom{position:absolute;left:var(--bb-obsudit);right:auto;top:400rem;margin:0;padding:0;border:0}
html body .footer .footer__bottom .text-stone{font-size:20rem;line-height:1;color:#808080}
html body .footer .footer__column:nth-child(2) .footer__group>.footer__label{display:none}
html body .footer .footer__column:nth-child(4) .footer__group:nth-child(2){display:none}
html body .fab{bottom:13rem}
}

@font-face{font-family:'NBI';src:url(/wp-content/uploads/2026/09/nbi-osnova.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}html body{font-family:NBI,Basic,Inter,-apple-system,system-ui,sans-serif}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p,html body a,html body span,html body div,html body li,html body b,html body i,html body em,html body strong,html body button,html body input,html body textarea,html body select,html body label{font-family:inherit}

@media(min-width:769px){
html body .bbmk__intro{margin:0;padding:60rem 0 0;border-bottom:0}
html body .bbmk__clients,html body .bbmk__person,html body .bbmk__rev{margin:0;padding:130rem 0 0}
html body .bbmk__b360{padding-top:241rem}
html body .bbmk__intro .container{display:block;position:relative}

html body .bbmk__h1{width:449rem;margin:0;font-size:64rem;line-height:1;color:#101010}
html body .bbmk__lead{width:var(--bb-w6);margin:-64rem 0 0 var(--bb-x3);font-size:32rem;line-height:1.2;color:#101010}
html body .bbmk__lead p{margin:0}
html body .bbmk__lead p+p{margin-top:1.2em}

html body .bbmk__stats{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--bb-gap);row-gap:161rem;width:var(--bb-w6);margin:130rem 0 0 var(--bb-x3)}
html body .bbmk__stat{width:auto;border:0;padding:0;gap:0;row-gap:0}
html body .bbmk__num{display:block;margin:0;padding:0;font-size:128rem;line-height:1;color:#101010}
html body .bbmk__lab{display:block;margin:20rem 0 0;font-size:24rem;line-height:1.25;color:#808080}

html body .bbmk__clients .bbmk__grid{display:block;position:relative}
html body .bbmk__clients .bbmk__grid+.bbmk__grid{margin-top:130rem}
html body .bbmk__clients .bbmk__side{position:absolute;left:0;top:0;width:449rem;margin:0;padding:0;font-size:32rem;line-height:1;color:#101010}
html body .bbmk__clients .bbmk__main{width:var(--bb-w6);margin:0 0 0 var(--bb-x3);font-size:32rem;line-height:1.2;color:#808080}
html body .bbmk__clients .bbmk__main a{color:inherit;text-decoration:none;border-bottom:0;transition:color .18s ease}
html body .bbmk__clients .bbmk__main a:hover{color:#101010}html body .bbmk__cl{max-width:none}
html body .bbmk__aw{margin:0}
html body .bbmk__aw-row{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:27rem 0 10rem;border-bottom:1px solid #b9b9b9;font-size:32rem;line-height:1;color:#808080}
html body .bbmk__aw-row:first-child{color:#101010;border-bottom-color:#000}
html body .bbmk__aw-name,html body .bbmk__aw-year{font-size:32rem;line-height:1;color:inherit}
html body .bbmk__aw-year{text-align:right}

html body .bbmk__pt{width:654rem;margin:0;font-size:32rem;line-height:1.1;color:#101010}
html body .bbmk__pt span{color:#808080;font-size:32rem;line-height:1.1}
html body .bbmk .bbmk__photo{margin:24rem 0 0;width:100%;height:auto;aspect-ratio:auto;border-radius:5rem;overflow:hidden}
html body .bbmk .bbmk__photo img{display:block;width:100%;height:auto;object-fit:fill}
html body .bbmk__ptext{position:relative;width:var(--bb-w6);max-width:none;margin:130rem 0 0 var(--bb-x3);font-size:32rem;line-height:1.2;color:#101010}
html body .bbmk__ptext p{margin:0}
html body .bbmk__ptext p+p{margin-top:1.2em}
html body .bbmk__pod{position:absolute;left:var(--bb-x3-6n);top:0;width:449rem;margin:0;font-size:32rem;line-height:1;color:#101010}
html body .bbmk__pod+p{margin-top:0}

html body .bbmk__rev-t{margin:0;font-size:32rem;line-height:1;color:#101010}
html body .bbmk__band{margin-top:78rem}
}


html body .bbmk__band{height:auto;min-height:0;overflow:visible}
html body .bbmk__band:before,html body .bbmk__band:after{content:none;display:none}
html body .bbmk__band:has(.bbotz) .testimonials__slider_start{display:none}
html body .bbmk .testimonial:hover{transform:none}
html body .bbotz{position:relative;width:100%;overflow:hidden}
html body .bbotz__lenta{display:flex;align-items:stretch;will-change:transform}
html body .bbotz__in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.33,0,.15,1)}
html body .bbotz__lic,html body .bbotz__ob{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;background:#cfcfcf;border-radius:5rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body .bbotz__ob{transform:rotateY(180deg);background:#f9f9f9}
html body .bbotz__ob .bbotz__nom,html body .bbotz__ob .bbotz__t,html body .bbotz__ob .bbotz__a b{color:#101010}
html body .bbotz__ob .bbotz__a i{color:#808080}
html body .bbotz__nom{align-self:flex-end;color:#101010}
html body .bbotz__t{margin:0;color:#fff}
html body .bbotz__a{margin-top:auto}
html body .bbotz__a b{display:block;font-weight:400;color:#fff}
html body .bbotz__a i{display:block;font-style:normal;color:#808080}

@media(min-width:769px){
html body .bbotz{width:100%;padding:90rem 0;margin:-90rem 0}
html body .bbotz__lenta{gap:var(--bb-gap)}
html body .bbotz__k{flex:0 0 var(--bb-w2);width:var(--bb-w2);height:751rem;perspective:2400rem}
html body .bbotz__k:hover .bbotz__in{transform:rotateY(180deg)}
html body .bbotz__lic,html body .bbotz__ob{padding:32rem}
html body .bbotz__nom{margin:0 0 20rem;font-size:20rem;line-height:1.25}
html body .bbotz__t{font-size:20rem;line-height:1.25}
html body .bbotz__a b,html body .bbotz__a i{font-size:20rem;line-height:1.25}
}

@media(max-width:768px){
html body .bbotz{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body .bbotz::-webkit-scrollbar{display:none}
html body .bbotz__lenta{gap:3vw;padding:0 9vw;transform:none}
html body .bbotz__k{flex:0 0 82vw;width:82vw;height:118vw;perspective:200vw;scroll-snap-align:center}
html body .bbotz__k.is-flip .bbotz__in{transform:rotateY(180deg)}
html body .bbotz__lic,html body .bbotz__ob{padding:6vw;border-radius:1.2vw}
html body .bbotz__nom{margin:0 0 3vw;font-size:3.6vw;line-height:1.25}
html body .bbotz__t{font-size:4.2vw;line-height:1.3}
html body .bbotz__a b,html body .bbotz__a i{font-size:4.2vw;line-height:1.3}
}

@font-face{font-family:NBI;font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/2026/09/nbi-znaki.woff2);unicode-range:U+0024,U+0025,U+0026,U+0027,U+002A,U+002B,U+002F,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+005C,U+005E,U+005F,U+0060,U+007B,U+007C,U+007D,U+007E,U+00A7,U+00AE,U+00B0,U+00B1,U+00D7,U+00F7,U+2014,U+2018,U+2019,U+201D,U+2026,U+2030,U+20AC,U+2190,U+2192,U+2248,U+2260,U+2264,U+2265}
.bbhero{padding:0;border:none;position:relative}.bbhero__frame{position:relative;overflow:hidden;background:#f3f3f3;aspect-ratio:16/9}.bbhero__vid{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.bbhero__frame{aspect-ratio:1/1}}@media(min-width:769px){.bbhero__frame{min-height:100vh;min-height:100svh}}
@media(min-width:769px){.header{position:sticky;top:0;z-index:0}main.main{position:relative;z-index:1;background:#fff}.bbstack{position:relative}.bbstack .bbhero{position:sticky;top:0;z-index:1}.bbstack>section:nth-of-type(2){position:relative;z-index:2;background:#fff}.bbstack>section#request{background:hsl(var(--void))}.menu-open .header,.menu-open main.main{position:static;z-index:auto}.menu-open main.main{background:transparent}}
.bbc__grid{display:grid;width:100%;align-self:stretch;grid-template-columns:repeat(2,1fr);column-gap:var(--bb-gap);row-gap:4.394vw}.bbc__card{display:block;text-decoration:none;color:inherit}.bbc__ph{display:block;position:relative;overflow:hidden;border-radius:.2441vw;aspect-ratio:1/1;background:#f3f3f3}.bbc__ph .bbc__img{width:100%;height:140%;object-fit:cover;display:block;position:absolute;top:-20%;left:0}.bbc__ph .bbc__vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:3;border-radius:inherit;background:#f3f3f3}.bbc__name{display:block;margin-top:20rem;color:#101010}.bbc__desc{display:block;margin-top:8rem;color:#808080}.svc-cases{align-self:stretch;max-width:none;overflow:visible;width:calc(100vw - 112px);margin-left:calc((100% - (100vw - 112px)) / 2);margin-right:calc((100% - (100vw - 112px)) / 2)}.svc-cases .bbc__grid{width:100%;margin-left:0;margin-right:0}.svc-cases .svc-cases__all{margin-top:48rem}.svc-cases .section-head{margin-bottom:60rem;display:flex;flex-direction:column;gap:20rem}.svc-cases .section-head>*{margin:0}@media(min-width:1025px){}.svc-cases .btn{display:block;width:fit-content;margin-left:auto;margin-right:auto}@media(max-width:1024px){.bbc__grid{grid-template-columns:1fr;row-gap:44px}.svc-cases{width:100%;margin-left:0;margin-right:0}}
.svn{border:none}.section.cases .section-head,.section.quick-start .section-head{padding-top:32rem;padding-bottom:32rem}.svn__head{display:flex;flex-direction:column;gap:20rem;margin-bottom:60rem}.svn__head>*{margin:0}.svn__list{display:block;width:100%;border-top:1px solid rgb(0 0 0 / .07)}.svn__row{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:baseline;gap:24rem;padding:10rem 0;border-bottom:1px solid rgb(0 0 0 / .07);text-decoration:none;color:#9a9a9a;transition:color 220ms ease,border-color 220ms ease}.svn__row:first-child{border-top:0}.svn__name{grid-column:2;font-size:64rem;line-height:1}.svn__num{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:64rem;line-height:1;letter-spacing:.01em}.svn__row:hover,.svn__row:focus-visible{color:hsl(var(--ink));border-bottom-color:rgb(0 0 0 / .35)}.svn__row.is-first{color:hsl(var(--ink));border-bottom-color:rgb(0 0 0 / .35)}.svn__list:hover .svn__row.is-first:not(:hover){color:#9a9a9a;border-bottom-color:rgb(0 0 0 / .07)}@media(max-width:768px){.svn__head{margin-bottom:28rem;gap:10rem}.svn__row{grid-template-columns:1fr;gap:0;padding:10rem 0}.svn__name{grid-column:1;font-size:28rem;line-height:1;padding-right:44rem}.svn__num{font-size:28rem}}

/* «Брендинг 360°»: блок старается уместиться в один экран,
   заголовок — крупное число, которое считает вместе с прокруткой. */
.svn{min-height:100svh;display:flex;align-items:center;
padding-top:min(90rem,6.5vh);padding-bottom:min(20rem,0.2vh)}
.svn > .container{width:100%}
.svn .svn__head{padding-top:min(34rem,2vh);padding-bottom:min(24rem,1.2vh);margin-bottom:0}
.svn .section-head__title{font-size:min(350rem,20vh);line-height:.85;letter-spacing:-.02em;
font-variant-numeric:tabular-nums}
.svn .section-head__subtitle{display:block;margin-top:min(44rem,2.5vh)}
@media(max-width:768px){
.svn{min-height:auto;padding-top:40rem;padding-bottom:40rem}
.svn .section-head__title{font-size:min(160rem,16vh)}
.svn .svn__head{padding-top:24rem;padding-bottom:24rem}
}

/* Десктоп: «360°» и подзаголовок стоят слева сверху, а список
   начинается на уровне подзаголовка — шапка и список делят высоту.
   На телефоне всё как было: шапка сверху, список под ней. */
@media(min-width:769px){
.svn{--bb360-size:min(350rem,22vh)}
.svn .content{display:grid;grid-template-columns:100%}
.svn .svn__head{grid-column:1;grid-row:1;align-self:start;
padding-top:0;padding-bottom:0;margin-bottom:0;position:relative;z-index:2;pointer-events:none}
.svn .svn__list{grid-column:1;grid-row:1;align-self:start;
padding-top:calc(var(--bb360-size) * 1.22);border-top:0}
.svn .section-head__title{font-size:var(--bb360-size)}
}
.qsn__card{display:flex;flex-direction:column;justify-content:space-between;text-align:left;text-decoration:none;
width:467rem;min-height:620rem;margin:0 auto 24rem;padding:32rem;border-radius:var(--radius-sm);
background-color:hsl(var(--surface));color:hsl(var(--ink));transition:transform 220ms ease}
.qsn__card:hover{transform:translateY(-6rem)}
.qsn__title{font-size:24rem;line-height:1.25}
.qsn__icon{margin:0 auto;display:flex;height:128rem;width:128rem;align-items:center;justify-content:center;
border-radius:33%;background-color:var(--white);transition:transform 200ms}
.qsn__card:hover .qsn__icon{transform:scale(1.05)}
.qsn__icon svg{width:40rem;height:40rem}
.qsn__info{display:flex;flex-direction:column;gap:10rem;font-size:24rem;line-height:1.25}
.qsn__dim{color:hsl(var(--stone))}
.bbqsn__mail{display:block;width:100%;align-self:stretch;text-align:center;margin-top:calc(20rem - 60rem - 24rem)}
.bbqsn__zapis{text-decoration:underline;text-underline-offset:3rem}
.bbqsn__zapis:hover{color:hsl(var(--ink))}
@media(min-width:640px){.qsn__icon{height:160rem;width:160rem}}
@media(max-width:768px){
.qsn__card{width:100%;min-height:400rem;padding:30rem}
.qsn__title,.qsn__info{font-size:inherit}
}

    /* Плавная маска — безопасная для мобильных */
    body.gt-applying { 
        opacity: 0.9; 
        transition: opacity 0.3s ease-in-out; 
        pointer-events: none; 
        /* Разрешаем скролл во время перехода */
        overflow: auto !important;
    }
    body { transition: opacity 0.3s ease-in-out; }
    
    /* Подавление артефактов GT */
    .goog-te-banner-frame,
    .goog-te-gadget,
    .skiptranslate,
    .VIpgJd-ZVi9od-aZ2wEe-OiiCO,
    #google_translate_element { display:none!important; }
    body{position: inherit !important; top: inherit !important}
    
    /* Кнопка переключения — удобная для тапа */
    .language-switch {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent; /* Убирает серый фон при тапе на мобильных */
        touch-action: manipulation; /* Ускоряет отклик на тап */
    }
    html { scroll-behavior: auto; }
    
    /* Фикс для мобильных: предотвращаем зум при двойном тапе на кнопку */
    @media (max-width: 768px) {
        .language-switch { 
            user-select: none; 
            -webkit-user-select: none;
        }
    }
    
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
html body .brief-form .bbf-g{position:relative}html body .brief-form .bbf-g:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:#101010;transition:width .3s ease}html body .brief-form .bbf-g.is-focus:after{width:100%}html body .brief-form .bbf-g.is-err:after{width:100%}html body .brief-form .bbf-note{position:absolute;left:0;top:100%;margin-top:8rem;font-size:20rem;line-height:1;color:#101010;opacity:0;transform:translateX(-10rem);transition:opacity .28s ease,transform .28s ease;pointer-events:none;white-space:nowrap}html body .brief-form .bbf-g.is-err .bbf-note{opacity:1;transform:none}html body .brief-form .bbf-g.is-err > input,html body .brief-form .bbf-g.is-err > textarea{border-bottom-color:#101010 !important}html body .brief-form .bbf-float{padding-top:26rem !important;margin-bottom:34rem !important}html body .brief-form .bbf-float > input,html body .brief-form .bbf-float > textarea{display:block !important;width:100% !important;font-size:32rem !important;line-height:1.3 !important;padding:0 0 12rem !important;border:0 !important;border-bottom:1px solid #dcdcdc !important;border-radius:0 !important;background:transparent !important;color:#101010 !important;outline:none !important;box-shadow:none !important;transition:border-color .25s ease}html body .brief-form .bbf-float > input::placeholder,html body .brief-form .bbf-float > textarea::placeholder{color:transparent !important}html body .brief-form .bbf-lab{position:absolute;left:0;top:26rem;font-size:32rem;line-height:1.3;color:#9a9a9a;pointer-events:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform-origin:left top;transition:transform .22s ease,font-size .22s ease,color .22s ease}html body .brief-form .bbf-float.is-focus .bbf-lab,html body .brief-form .bbf-float.is-filled .bbf-lab{transform:translateY(-27rem);font-size:20rem}html body .brief-form .bbf-g.is-err .bbf-lab{color:#101010;animation:bbfNudge .42s ease}@keyframes bbfNudge{0%{margin-left:0}25%{margin-left:6rem}55%{margin-left:-4rem}80%{margin-left:2rem}100%{margin-left:0}}html body .brief-form .checkbox-group.bbf-priv-err{animation:bbfNudge .42s ease}html body .brief-form .checkbox-group.bbf-priv-err .checkbox-text{color:#101010 !important}html body .brief-form.bbf-sending .submit-btn{opacity:.4 !important;pointer-events:none !important}html body .brief-form.bbf-gone{opacity:0 !important;transition:opacity .4s ease}html body .bbf-ok{padding-top:0 !important;border-top:0 !important}html body .bbf-ok__k{display:none !important}html body .bbf-ok__s{margin-top:174rem !important;color:#101010 !important;max-width:820rem}html body .bbf-ok__s2{font-size:32rem;line-height:1.35;color:#101010;margin-top:78rem}html body .bbf-ok__s a,html body .bbf-ok__s2 a{color:#101010;text-decoration:underline;text-underline-offset:4rem}html body .bbf-ok__l{display:flex;gap:44rem;margin-top:200rem}html body .bbf-ok__l a{font-size:32rem;line-height:1.2;color:#101010;text-decoration:none;border-bottom:0;padding-bottom:0;transition:opacity .25s ease}html body .bbf-ok__l a:hover{opacity:.5}@media (max-width:768px){html body .bbf-ok__s{margin-top:44rem !important;max-width:none}html body .bbf-ok__s2{font-size:17rem;margin-top:24rem}html body .bbf-ok__l{margin-top:64rem;gap:24rem}html body .bbf-ok__l a{font-size:17rem}}html body .bbf-ok{opacity:0;transform:translateY(10rem);transition:opacity .5s ease,transform .5s ease}html body .bbf-ok.is-in{opacity:1;transform:none}html body .bbf-ok__t{font-size:64rem;line-height:1.05;color:#101010}html body .bbf-ok__s{font-size:32rem;line-height:1.3;color:#808080;margin-top:22rem;max-width:660rem}@media (max-width:768px){html body .brief-form .bbf-float{padding-top:20rem !important;margin-bottom:26rem !important}html body .brief-form .bbf-float > input,html body .brief-form .bbf-float > textarea{font-size:21rem !important;line-height:1.25 !important;padding:0 0 10rem !important}html body .brief-form .bbf-lab{top:20rem;font-size:21rem;line-height:1.25}html body .brief-form .bbf-float.is-focus .bbf-lab,html body .brief-form .bbf-float.is-filled .bbf-lab{transform:translateY(-22rem);font-size:14rem}html body .brief-form .bbf-note{font-size:14rem;margin-top:6rem}html body .bbf-ok__t{font-size:30rem}html body .bbf-ok__s{font-size:17rem;margin-top:14rem;max-width:none}}