/* clr-hero-css */
.intro-slider-wrap{margin-bottom:-1px}
.intro-slider-wrap .intro{position:relative;overflow:hidden;min-height:100vh!important;display:flex!important;align-items:center!important}
.intro-slider-wrap .intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b0b2e 0%,rgba(27,11,46,.72) 28%,rgba(27,11,46,.2) 48%,transparent 62%);z-index:4;pointer-events:none}
.intro-slider-wrap .intro .container{position:relative;z-index:5}
@media(max-width:900px){.clr-hero>div{width:80%!important}}
/* #3 hero-заголовок: контур букв как в рефе (крупный, белый, ровный) + лёгкая анимация */
/* как на корп-сайте: "детские праздники" - пульсирующий контур, остальное - белая заливка */
.intro-slider-wrap .intro__uptitle{display:none!important}
.intro-slider-wrap .intro__title{color:#fff!important;-webkit-text-stroke:0!important;paint-order:normal;animation:none!important}
.intro-slider-wrap .intro__title{margin-bottom:34px!important}
.intro-slider-wrap .intro__title strong{
 font-family:'Onest',ui-sans-serif,system-ui,sans-serif!important;font-weight:700!important;
 text-transform:uppercase!important;font-style:normal!important;
 font-size:1.66em!important;line-height:1!important;letter-spacing:0.012em!important;
 color:transparent!important;-webkit-text-stroke:1.8px #FFFFFF!important;paint-order:stroke!important;
 display:block!important;white-space:nowrap!important;transform-origin:center!important;
 margin-bottom:.10em!important;
 animation:clrCorpPulse 2.4s ease-in-out 1.1s infinite!important}
@keyframes clrCorpPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.78}}
/* мобилка: контурная строка должна влезать целиком, не резаться краем */
@media(max-width:900px){.intro-slider-wrap .intro__title strong{
 font-size:min(1.66em,5.9vw)!important;letter-spacing:0.005em!important;margin-bottom:.3em!important;
 -webkit-text-stroke-width:1.3px!important}}
@keyframes clrHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* clr-blocks-css */
/* quiz: decorative overflow image -> constrain to bottom, cover, no overlap on text */
.s-quiz .quiz__left{overflow:visible!important}
.s-quiz .quiz__img{display:block!important;position:absolute!important;right:-2%;bottom:0;top:auto!important;
 width:auto!important;height:116%!important;aspect-ratio:auto!important;z-index:3;
 pointer-events:none;filter:drop-shadow(0 16px 34px rgba(20,6,44,.38))}
.s-quiz .quiz__img img{width:100%!important;height:auto!important;object-fit:contain!important;display:block}
.s-quiz .quiz__left{position:relative}
@media(max-width:900px){.s-quiz .quiz__img{height:104%!important;right:-6%}}
.s-quiz .quiz__img img{width:100%;height:100%;object-fit:cover}
/* contents circles -> cover, centered */
.contents-nav__item__img{width:118px!important;height:118px!important;min-width:118px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;display:block!important;margin:0 auto!important;padding:0!important;background:none!important;overflow:hidden}
.contents-nav__item__img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center}
@media(max-width:900px){.contents-nav__item__img{width:86px!important;height:86px!important;min-width:86px!important}}
/* steps: one slide, image cover, dark overlay so title/text readable */
/* order: kill messy blurred bg, keep one clean cover image */
.order__img-blur-wrap,.order__img--blurred{display:none!important}
.order__img{overflow:hidden}
.order__img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center}
/* generic: our swapped catalog imgs fill their card cleanly */
.service-wall-item__img img,.anim-preview__img img,.show-preview__img img,.video-review__video,.home-team__slide img,.cite__item-img img{width:100%!important;height:100%!important;object-fit:cover!important}

/* clr-order-css */
.s-order img.order__bg,.s-order .order__bg{display:none!important}
.s-order .order__img--blurred,.s-order .order__img-blur-wrap{display:none!important}
.s-order .order{background:linear-gradient(100deg,#ece2f8 0%,#e6d8f5 33%,#4a2570 52%,#341a52 100%)!important;overflow:visible!important}
/* аниматор в блоке заявки: ушки костюма выходят за рамку, как в референсе */
.s-order .order__img{overflow:visible!important;z-index:2}
.s-order img.order__img,.s-order .order__img img{height:107%!important;width:auto!important;max-width:none!important;
 object-fit:contain!important;object-position:left bottom!important;
 position:absolute!important;left:clamp(60px,19%,270px);bottom:0;filter:drop-shadow(0 10px 26px rgba(20,6,44,.32))}
.s-order .order__title,.s-order .order__descr,.s-order .order__form,.s-order form{position:relative;z-index:3}
@media(max-width:900px){
 .s-order img.order__img,.s-order .order__img img{height:auto!important;width:58%!important;
  left:auto!important;right:-4%!important;bottom:0!important;opacity:.9}
 .s-order .order{position:relative;overflow:visible!important}
 .s-order .order__right{position:relative;z-index:3}
 .s-order .order__right::before{content:"";position:absolute;inset:-14px -10px;z-index:-1;
  background:linear-gradient(90deg,rgba(46,20,80,.92) 0%,rgba(46,20,80,.72) 62%,transparent 100%);
  border-radius:14px}
}
.s-order .order::before,.s-order .order::after{content:none!important;background:none!important;display:none!important}
.s-order img.order__img,.s-order .order__img{object-fit:contain!important;object-position:left bottom!important;background:transparent!important}
.s-order .order__title,.s-order .order__descr{color:#fff!important}

/* clr-hide-css */
.s-home-steps.clr-pinned{overflow:visible!important}
.s-home-steps.clr-pinned::before{display:none!important}
.s-home-steps.clr-pinned .clr-pin{overflow:hidden!important}
.s-home-steps.clr-pinned .clr-pin::before{content:"";position:absolute;top:-40px;left:-120px;width:380px;height:1026px;
 background:url(/morse/key-brand-violet.svg) top center/contain no-repeat;
 opacity:.08;transform:rotate(-26deg);z-index:0;pointer-events:none}
.s-home-steps.clr-pinned .clr-pin>*{position:relative;z-index:1}
/* табы шагов = кругляшки с нашими фото (как в блоке "из чего состоит") */
.home-steps-nav{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;
 gap:8px 26px!important;margin:0 0 28px!important;padding:0!important;background:none!important;border:0!important}
.home-steps-nav__item{display:flex!important;flex-direction:column!important;align-items:center!important;
 gap:10px!important;cursor:pointer;background:none!important;border:0!important;padding:12px 10px!important;
 border-radius:20px!important;transition:background .25s}
.home-steps-nav__item img{width:112px!important;height:112px!important;min-width:112px!important;max-width:none!important;
 object-fit:cover!important;object-position:center!important;border-radius:50%!important;display:block!important;
 border:3px solid #eceef3!important;background:#eceef3!important;transition:border-color .25s,transform .25s}
.home-steps-nav__item span{font-size:15px!important;color:#262626!important;text-align:center!important;max-width:130px}
.home-steps-nav__item.active{background:#f1f1f3!important}
.home-steps-nav__item.active img{border-color:#ECEE62!important;transform:scale(1.02)}
@media(max-width:900px){.home-steps-nav{gap:6px 14px!important}
 .home-steps-nav__item img{width:74px!important;height:74px!important;min-width:74px!important}
 .home-steps-nav__item span{font-size:12px!important}}
/* карточка каталога: наш морзе-узор ЗА фигурой (как вензель в референсе) - чистый CSS, без картинок.
   Диагональные ряды точек-тире, мягкий градиент подложки. */
.service-wall-item{position:relative}
.service-wall-item__stage{position:relative;overflow:hidden!important}
/* у каждой карточки свой фон, как в оригинале */
.service-wall-item:nth-child(1) .service-wall-item__stage{background:linear-gradient(150deg,#f7f4ff 0%,#ece6fb 60%,#e3daf7 100%)!important}
.service-wall-item:nth-child(2) .service-wall-item__stage{background:linear-gradient(150deg,#fff2fb 0%,#fbe3f3 60%,#f6d6ec 100%)!important}
.service-wall-item:nth-child(3) .service-wall-item__stage{background:linear-gradient(150deg,#f7ffe9 0%,#ecf8cf 60%,#e0f2b8 100%)!important}
.service-wall-item:nth-child(4) .service-wall-item__stage{background:linear-gradient(150deg,#eef4ff 0%,#dde8fb 60%,#cddcf7 100%)!important}
.service-wall-item:nth-child(5) .service-wall-item__stage{background:linear-gradient(150deg,#fff6ec 0%,#fdeadb 60%,#f9dcc6 100%)!important}
.service-wall-item:nth-child(6) .service-wall-item__stage{background:linear-gradient(150deg,#f3f0ff 0%,#e6e0fb 60%,#d8cff7 100%)!important}
.service-wall-item:nth-child(7) .service-wall-item__stage{background:linear-gradient(150deg,#eafaff 0%,#d6f1fb 60%,#c2e7f7 100%)!important}
.service-wall-item__stage::before{content:none!important}
@keyframes clrMorseDrift{
 0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
 25%{transform:translate3d(-22px,14px,0) rotate(-2.4deg) scale(1.03)}
 50%{transform:translate3d(6px,22px,0) rotate(1.6deg) scale(1.01)}
 75%{transform:translate3d(18px,-12px,0) rotate(2.2deg) scale(1.04)}
 100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}}
.service-wall-item:nth-child(2) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(3) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(4) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(5) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(6) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(7) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(2) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(3) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(4) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(5) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(6) .service-wall-item__stage::before{content:none!important}
.service-wall-item:nth-child(7) .service-wall-item__stage::before{content:none!important}
@media(prefers-reduced-motion:reduce){.service-wall-item__stage::before{content:none!important}}
.service-wall-item__stage img,.service-wall-item__stage video{position:relative;z-index:2}
.clr-card-line{position:absolute!important;inset:-8%!important;width:116%!important;height:116%!important;
 z-index:0!important;pointer-events:none;opacity:.85;
 /* линия гаснет в центре карточки - там стоит фигура, и вырезка местами полупрозрачная
    (белый мех на белом фоне), из-за чего штрихи просвечивали прямо по шее */
 -webkit-mask-image:radial-gradient(ellipse 36% 46% at 50% 68%,rgba(0,0,0,0) 52%,rgba(0,0,0,.3) 76%,#000 100%);
 mask-image:radial-gradient(ellipse 36% 46% at 50% 68%,rgba(0,0,0,0) 52%,rgba(0,0,0,.3) 76%,#000 100%)}
/* карточка с видео: только видео, без подложки и линии (мелькали при первой загрузке) */
.services-wall .service-wall-item .service-wall-item__stage:has(video){background:#dfd8f0!important;background-image:none!important}
.service-wall-item__stage:has(video) .clr-card-line{display:none!important}
.service-wall-item__stage video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.service-wall-item__stage:has(img[src*="dr-v2"]) img,
.service-wall-item__stage:has(img[src*="/cards/"]) img{object-fit:contain!important;object-position:center bottom!important;padding:12px 0 0}
.service-wall-item__stage:has(img[src*="loc-aviapark"]) img{object-fit:cover!important;object-position:22% center!important;padding:0!important;transform:scale(1.02)}
.service-wall-item__stage:has(img[src*="loc-aviapark"])::before{opacity:.28}

.service-wall-item__img img{position:relative;z-index:1}
/* карточка каталога: наша морзе-лента между фото и подписью (фирменный узор вместо чужого вензеля).
   На <img data-ck="ck1"> псевдоэлементы не рендерятся, поэтому вешаем на подпись. */
.service-wall-item{position:relative;overflow:visible}
.service-wall-item::after{content:none!important;display:none!important}
.clr-girl__img.is-on{opacity:1}
/* хвостик мысли выходит из головы девочки и идёт к облаку (привязан к ней, а не к облаку) */
.clr-girl::before,.clr-girl::after{content:"";position:absolute;border-radius:50%;
 background:#fff;border:3px solid #2b1150;pointer-events:none;z-index:5}
.clr-girl::before{width:13px;height:13px;left:66%;top:3%}
.clr-girl::after{width:23px;height:23px;left:88%;top:-9%;border-width:3.5px}
@media(max-width:900px){
 /* на мобиле облако далеко и между ним и головой идёт текст - хвостик убираем */
 .clr-girl::before,.clr-girl::after{content:none!important}
}
/* мобилка: морзе-линия в квизе: под текстом и мягче, чтобы не перечёркивали буквы */
svg.draw-line{opacity:1!important;z-index:0!important}
.quiz__line-wrap,.contents__line-wrap{z-index:0!important}
.s-quiz .quiz__left>.h2,.s-quiz .quiz__left>.text-3,.s-quiz .quiz__left .btn-double,
.s-contents .container,.s-contents .contents__left,.s-contents .contents-nav,
.s-contents .h2,.s-contents .text-3,.s-contents .btn-double{position:relative;z-index:2}
.s-contents .s-contents__line{z-index:0!important}
/* мобилка: морзе-линия в квизе не должна лезть на заголовок */
@media(max-width:900px){
 .s-quiz .quiz__line-wrap{opacity:.32!important}
 .s-quiz .quiz__left .h2,.s-quiz .quiz__left .text-3{position:relative;z-index:3}
 .s-cite--home .cite__label:nth-child(1){top:27%!important}
}
/* вордмарк КЛАУСКИДС за плашкой квиза - торчит из-за неё симметрично, светлый */
.s-quiz{position:relative;overflow:hidden;padding-top:calc(var(--sec-pad,60px) + 26px)!important;padding-bottom:calc(var(--sec-pad,60px) + 26px)!important}
.s-quiz .quiz,.s-contents{position:relative}
.s-quiz::before{content:"";position:absolute;left:2%;right:2%;top:22px;translate:none;
 height:clamp(58px,10.4vw,152px);
 background:rgba(123,97,255,.14);
 -webkit-mask:url(/photos/wm-clauskids.webp) center top/contain no-repeat;
 mask:url(/photos/wm-clauskids.webp) center top/contain no-repeat;
 z-index:0;pointer-events:none;user-select:none}
@media(max-width:900px){.s-quiz::before{height:clamp(34px,11vw,86px);top:6px;background:rgba(123,97,255,.16)}}
.s-contents::after{content:none!important;display:none!important;background:none!important}
.s-quiz .quiz{z-index:1}
/* морзе-линия не должна вылезать из-под плашки квиза - режем по её границам */
.s-quiz .quiz__left{overflow:hidden}
.s-quiz .quiz__line-wrap{overflow:hidden;border-radius:inherit}
.s-quiz .quiz>*,.s-contents .container{position:relative;z-index:1}
@media(max-width:900px){.s-contents::after{height:16%}}
/* 6 шагов: пиннинг - шаги листаются по мере скролла, потом идёт следующий блок */
.s-home-steps.clr-pinned{position:relative!important}
.s-home-steps.clr-pinned .clr-pin{position:sticky!important;top:0!important;min-height:100vh!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;padding:80px 0 40px!important}
.s-home-steps.clr-pinned .steps-slider .swiper-wrapper{transition:transform .55s cubic-bezier(.22,.7,.3,1)!important}
@media(max-width:900px){.s-home-steps.clr-pinned{height:auto!important}
 .s-home-steps.clr-pinned .clr-pin{position:static!important;min-height:0!important;padding:0!important}}
/* 6 шагов: фото заполняет карточку целиком (пропорции карточки НЕ трогаем), текст читаем */
.s-home-steps .step-panel{position:relative!important;overflow:hidden!important}
.s-home-steps .step-panel__picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border-radius:inherit!important}
.s-home-steps .step-panel__picture img,.s-home-steps .step-panel__img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 30%!important;display:block!important}
.s-home-steps .step-panel::after{content:none!important}
.s-home-steps .step-panel__num,.s-home-steps .step-panel__title,.s-home-steps .step-panel__descr,.s-home-steps .step-panel .btn-double{position:relative!important;z-index:2!important}
.s-home-steps .step-panel__num{color:#ECEE62!important;text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 26px rgba(0,0,0,.6)!important}
.s-home-steps .step-panel__title{color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.7)!important}
.s-home-steps .step-panel__descr{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 26px rgba(0,0,0,.7)!important}
/* БЛОК "с 2014 года / 20 000 праздников" СКРЫТ - вернуть: удалить строку ниже */
.s-home-video{display:none!important}
/* КОМАНДА СКРЫТА по просьбе клиента - чтобы вернуть, удалить строку ниже */
.s-home-team{display:none!important}
.s-home-team .home-team__stage{display:none!important}
.s-home-team .home-team{padding-bottom:40px}

/* clr-morse2-css */
/* морзе ТОЛЬКО вместо оригинальных верёвок clauskids (.draw-line) - в тех же местах/траектории */
svg.draw-line,svg.draw-line path{stroke:#ECEE62!important}
svg.draw-line path{stroke-linecap:round!important;animation:none!important;filter:drop-shadow(0 1px 2px rgba(30,15,50,.16))}
.s-chat .draw-line{display:none!important}
a:is([href="/job"], [href="/job/"]){display:none!important}
.s-home-video .home-video-spacer{display:none!important}
.clr-egg{margin:26px 0 4px;display:flex;flex-direction:column;gap:8px;position:relative}
.clr-egg__key{position:absolute;right:0;bottom:-6px;width:104px;height:auto;pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}
@media(max-width:680px){.clr-egg__key{width:72px}}
.clr-egg__line{height:8px;width:200px;max-width:60vw;background:url(/morse/key10.svg) left center repeat-x;background-size:auto 8px}
.clr-egg__cap{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.03em;cursor:default}
.clr-egg__cap b{color:#ECEE62}
/* #5 пастельный фон каталога + большой ключ через блок */
.s-services-wall{background:#fff!important;position:relative;overflow:hidden}
.s-services-wall::before{content:none!important;display:none!important}
.s-services-wall .container{position:relative;z-index:1}
/* #7 quiz: ключ вырисовывается сбоку */
.s-quiz{position:relative;overflow:hidden;padding-top:calc(var(--sec-pad,60px) + 26px)!important;padding-bottom:calc(var(--sec-pad,60px) + 26px)!important}
.s-quiz::after{content:"";position:absolute;bottom:-120px;left:-130px;width:440px;height:1188px;background:url(/morse/key-brand-violet.svg) top center/contain no-repeat;opacity:.09;transform:rotate(-20deg);z-index:0;pointer-events:none}
.s-quiz .container{position:relative;z-index:1}
/* #2 ключ торчит из блока «из чего состоит» */
.s-contents{position:relative;overflow:hidden}
.s-contents::before{content:"";position:absolute;top:6%;right:-150px;width:400px;height:1080px;background:url(/morse/key-brand-violet.svg) top center/contain no-repeat;opacity:.09;transform:rotate(32deg);z-index:0;pointer-events:none}
/* #4 блок "мы подходим комплексно": девочка думает - облако с крупным словом, мелкие слова по краям */
.s-cite--home .cite{position:relative!important;min-height:440px!important;padding-bottom:12px}
.s-cite--home .cite__title{position:relative;z-index:5}

/* девочка слева, крупная */
.clr-girl{position:absolute!important;left:17%!important;bottom:0!important;top:auto!important;aspect-ratio:656/800;
 width:clamp(200px,18vw,270px)!important;z-index:4!important;pointer-events:none}
.clr-girl__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block;opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1);will-change:opacity;filter:drop-shadow(0 16px 30px rgba(27,11,46,.22))}
.clr-girl__bubble{display:none!important}

/* сцена */
.s-cite--home .cite__stage{position:relative!important;min-height:340px!important;padding:0!important}

/* большое слово = облако-мысль справа-сверху от девочки */
.s-cite--home .cite__items{position:absolute!important;left:33%!important;right:5%!important;top:6px!important;
 text-align:left!important;padding:0!important;margin:0!important;z-index:3!important;
 text-transform:none}
.s-cite--home .cite__item{position:relative!important;display:none!important;width:auto!important;max-width:100%!important;
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 padding:.18em .55em!important;color:#3a1d5c!important;font-size:clamp(30px,4.4vw,62px)!important;line-height:1.12!important;
 overflow:visible!important;animation:clrThink 4.5s ease-in-out infinite!important}
.s-cite--home .cite__item.active{display:inline-block!important}
/* хвостики мысли - вниз-влево, к голове девочки */
.s-cite--home .cite__item::before,.s-cite--home .cite__item::after{content:""!important;position:absolute!important;
 background:#fff!important;border:3.5px solid #2b1150!important;border-radius:50%!important;z-index:2}
.s-cite--home .cite__item::before{content:none!important}
.s-cite--home .cite__item::after{content:none!important}
@keyframes clrThink{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* мелкие слова = мини-облачка строго по краям */
.s-cite--home .cite__labels-wrap{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none}
.s-cite--home .cite__labels{position:absolute!important;inset:0!important;display:none!important;
 background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
.s-cite--home .cite__labels::before,.s-cite--home .cite__labels::after{content:none!important;display:none!important}
.s-cite--home .cite__labels-wrap::before,.s-cite--home .cite__labels-wrap::after{content:none!important;display:none!important}
.s-cite--home .cite__labels-wrap{background:none!important;border:0!important;box-shadow:none!important}
.s-cite--home .cite__labels.active{display:block!important}
.s-cite--home .cite__label{position:absolute!important;background:none!important;
 border:0!important;border-radius:0!important;padding:10px 22px!important;
 color:#3a1d5c!important;font-weight:700!important;font-size:21px!important;white-space:nowrap!important;
 box-shadow:none!important;transform:none!important;opacity:1!important;
 width:auto!important;height:auto!important;max-height:none!important;bottom:auto!important;
 display:inline-block!important;line-height:1.25!important;
 animation:clrFloatLbl 5s ease-in-out infinite}
.s-cite--home .cite__label:nth-child(1){left:8%!important;top:5%!important;animation-delay:0s}
.s-cite--home .cite__label:nth-child(2){right:10%!important;left:auto!important;top:10%!important;animation-delay:.6s}
.s-cite--home .cite__label:nth-child(3){right:8%!important;left:auto!important;top:40%!important;animation-delay:1.2s}
.s-cite--home .cite__label:nth-child(4){left:5%!important;top:33%!important;animation-delay:1.8s}
.s-cite--home .cite__label:nth-child(5){right:13%!important;left:auto!important;top:66%!important;bottom:auto!important;animation-delay:2.4s}
@keyframes clrFloatLbl{0%,100%{translate:0 0}50%{translate:0 -7px}}

@media(max-width:900px){
 .s-cite--home .cite{min-height:700px!important;padding-bottom:0!important}
 .clr-girl{width:170px!important;left:3%!important;z-index:1!important}
 .s-cite--home .cite__items{left:8%!important;right:8%!important;top:6px!important;text-align:center!important}
 .s-cite--home .cite__item{font-size:clamp(20px,6vw,30px)!important;border-width:2px!important}
 .s-cite--home .cite__label{font-size:11px!important;padding:4px 9px!important;max-width:44vw!important;white-space:normal!important}
 /* облака-лейблы разводим по вертикали, чтобы не наезжали друг на друга и не резались краем */
 .s-cite--home .cite__label:nth-child(1){left:1%!important;right:auto!important;top:41%!important}
 .s-cite--home .cite__label:nth-child(2){right:2%!important;left:auto!important;top:48%!important}
 .s-cite--home .cite__label:nth-child(3){left:4%!important;right:auto!important;top:59%!important}
 .s-cite--home .cite__label:nth-child(4){right:4%!important;left:auto!important;top:72%!important}
 .s-cite--home .cite__label:nth-child(5){left:6%!important;right:auto!important;top:85%!important;bottom:auto!important}
 .s-cite--home .cite__item::before{width:22px!important;height:22px!important;left:-26px!important;bottom:-26px!important}
 .s-cite--home .cite__item::after{width:13px!important;height:13px!important;left:-56px!important;bottom:-52px!important}
}
/* шапка выше под крупное лого, меню не перекрывается */
.header-bottom{min-height:104px!important;align-items:center!important}
.header-bottom .container,.header-bottom__inner{display:flex!important;align-items:center!important;gap:24px;min-height:104px}
.header-bottom__logo{flex:0 0 auto;position:relative;z-index:3}
.header-bottom__nav{flex:1 1 auto;display:flex;justify-content:center;flex-wrap:nowrap;gap:0 6px}
.intro-slider-wrap .intro{padding-top:150px!important;padding-bottom:70px!important}
.intro__subtitle,.intro .subtitle,.intro__pre{position:relative;z-index:2}
@media(max-width:1200px){.header-bottom,.header-bottom .container,.header-bottom__inner{min-height:84px!important}
 .header-bottom__logo img{height:58px!important}}
/* ключ-лого вместо звёздочки в кнопках (цвет текста кнопки) */
/* ключ - отдельный слой поверх их двух лаймовых слоёв (их ::before/::after не трогаем:
   на ховере ::after выезжает и накрыл бы ключ, если рисовать его фоном figure) */
.btn-double figure{background:none!important;-webkit-mask:none!important;mask:none!important}
.btn-double figure .clr-key{position:absolute;inset:0;z-index:2;pointer-events:none;
 background:url(/morse/key-brand.svg) center/auto 62% no-repeat;
 transform:rotate(-45deg);transform-origin:center;transition:transform .35s cubic-bezier(.22,.7,.3,1)}
.btn-double:hover figure .clr-key,.btn-double:focus-visible figure .clr-key{transform:rotate(0deg)}
.btn-double figure svg,.btn-double figure img{display:none!important}
/* типографика шапки/меню = corp.claustrophobia.com: Manrope, вес 400/500, обычный трекинг */
.header-top__nav__link,.header-top__nav__sub a,.header-top__nav__sub-list a,
.header-bottom__nav__link,.fixed-panel__nav__link,
.header-bottom__phone,.fixed-panel__phone,.header-mob__nav a,.header-mob a{
 font-family:'Manrope',ui-sans-serif,system-ui,sans-serif!important;
 letter-spacing:normal!important}
/* верхняя строка = corp.claustrophobia.com один в один: Manrope 14/400, без капса,
   chevron 14px с разворотом, подчёркивание #526AFF, тёмный стеклянный попап */
.header-top__nav{gap:2px!important;font-size:14px!important}
.header-top__nav__link{position:relative;text-transform:none!important;font-weight:400!important;
 font-size:16px!important;letter-spacing:normal!important;color:rgba(255,255,255,.78)!important;
 padding:8px 13px!important;border-radius:999px!important;gap:5px!important;
 transition:color .25s ease!important}
.header-top__nav__link:hover,.header-top__nav__link:active{color:#fff!important}
.header-top__nav__link--has-sub svg{width:14px!important;height:14px!important;stroke:currentColor!important;
 stroke-width:2!important;transition:rotate .3s ease}
.header-top__nav__link--has-sub:hover svg{rotate:180deg}
.header-top__nav__link::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;
 background:#ECEE62;scale:0 1;transform-origin:left center;
 transition:scale .3s ease;pointer-events:none}
.header-top__nav__link--has-sub::after{right:26px}
.header-top__nav__link:hover::after{scale:1 1}
/* попап подменю */
.header-top__nav__sub{padding-top:12px!important;min-width:300px!important}
.header-top__nav__sub-list{background:#ECEE62!important;
 -webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;
 border:1px solid rgba(38,38,38,.14)!important;border-radius:14px!important;padding:8px!important;
 color:#262626!important;box-shadow:0 22px 60px -12px rgba(14,4,32,.45)!important}
.header-top__nav__sub-list a{font-size:14px!important;font-weight:500!important;color:#262626!important;
 padding:10px 16px!important;border-radius:8px!important;text-transform:none!important;position:relative;
 transition:background .2s ease,color .2s ease!important}
.header-top__nav__sub-list a:hover{background:rgba(38,38,38,.10)!important;color:#111!important}
/* лаймовая метка слева у пункта под курсором */
.header-top__nav__sub-list a::before{content:"";position:absolute;left:7px;top:50%;translate:0 -50%;
 width:3px;height:0;border-radius:3px;background:#ECEE62;transition:height .2s ease}
.header-top__nav__sub-list a:hover::before{height:18px}
.header-top__nav__sub-list a::before{background:#7b61ff}
.header-top__nav__sub-list a:active{scale:.98}
/* основное меню - тот же корп-шрифт и подчёркивание */
.header-bottom__nav__link,.fixed-panel__nav__link{font-size:16px!important;font-weight:500!important;
 position:relative;text-transform:none!important;letter-spacing:normal!important;padding:8px 8px!important;white-space:nowrap}
.header-bottom__nav__link::after,.fixed-panel__nav__link::after{content:"";position:absolute;left:12px;right:12px;
 bottom:4px;height:2px;border-radius:2px;background:#ECEE62;
 scale:0 1;transform-origin:left center;transition:scale .3s ease;pointer-events:none}
/* белая прилипшая панель - лайм на белом не читается, там фиолет */
.fixed-panel__nav__link::after{background:#7b61ff}
.fixed-panel__nav__link:hover{color:#7b61ff!important}
.header-bottom__nav__link:hover::after,.fixed-panel__nav__link:hover::after{scale:1 1}
/* телефон */
.header-bottom__phone,.fixed-panel__phone{font-size:19px!important;font-weight:600!important}
/* мобильное меню */
@media(max-width:900px){.header-mob__nav a,.header-mob a{font-size:17px!important;font-weight:500!important}}
/* #20 FAQ: сузить вопросы + подтянуть к плашке заявки (без изменения ширины формы) */
.s-chat .s-chat__chat{max-width:680px;margin-left:auto;margin-right:auto}
.s-chat{padding-bottom:8px!important}
.s-chat + .s-order{padding-top:8px!important}
/* кнопка: морзе-сигнал «передаётся» слева направо (вспыхивает под бегущим окном) + мягкий блик */
.btn__line{display:none!important}
.btn{background-image:none!important;overflow:hidden!important}
.btn>span,.btn>svg{position:relative;z-index:2}
.btn:not(.btn--up)::before{content:"";position:absolute;left:0;right:0;bottom:8px;height:6px;z-index:1;
 background:url(/morse/morse-line.svg) left center repeat-x;
 background-size:auto 6px;opacity:.4;pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 19%,transparent 30%);
 mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 19%,transparent 30%);
 -webkit-mask-size:300% 100%;mask-size:300% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 animation:clrMorseSignal 3.4s linear infinite}
/* mask-size 300% -> процент сдвигает маску влево, поэтому идём от 70% к -40% (окно едет слева направо) */
@keyframes clrMorseSignal{
 from{-webkit-mask-position:78% 0;mask-position:78% 0}
 to{-webkit-mask-position:-62% 0;mask-position:-62% 0}}
.btn:not(.btn--up)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);
 translate:-135% 0;animation:clrBtnSheen 3.4s linear infinite}
@keyframes clrBtnSheen{from{translate:-135% 0}to{translate:135% 0}}
.btn:not(.btn--up):hover::before,.btn-double:hover .btn::before{opacity:.6;animation-duration:1.8s}
.btn:not(.btn--up):hover::after,.btn-double:hover .btn::after{animation-duration:1.8s}
/* квадрат с ключом: не трогаем их слои/анимацию, только мягкая тень на ховере */
.btn-double figure{transition:filter .3s ease}
.btn-double:hover figure{filter:drop-shadow(0 4px 10px rgba(43,17,80,.28))}
/* три группы разбросанных ключей по ходу скролла: слева-справа, разные площади */
.s-home-steps,.s-home-anims,.s-home-shows{position:relative}
.s-services-wall{overflow:hidden!important}
.s-home-steps>.container,.s-home-steps .swiper,.s-home-steps .home-steps-nav,
.s-home-anims>.container,.s-home-anims .swiper,
.s-home-shows>.container,.s-home-shows .swiper{position:relative;z-index:1}
.clr-keys{position:absolute;pointer-events:none;z-index:0;overflow:visible}
.clr-keys i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);
 background:url(/morse/key-brand-violet.svg) center/contain no-repeat;
 opacity:var(--o);rotate:var(--r);animation:clrKeyFloat 7s ease-in-out infinite;animation-delay:var(--d)}
@keyframes clrKeyFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
/* зоны прижаты к краям и затухают к центру - ключи не лезут на текст и кнопки */
.clr-keys{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 42%,transparent 88%);
 mask-image:linear-gradient(90deg,#000 0,#000 42%,transparent 88%)}
.clr-keys--b{-webkit-mask-image:linear-gradient(270deg,#000 0,#000 42%,transparent 88%);
 mask-image:linear-gradient(270deg,#000 0,#000 42%,transparent 88%)}
/* A - слева, крупная */
.clr-keys--a{left:-2%;top:4%;width:34%;height:56%}
/* B - справа, маленькая */
.clr-keys--b{right:-1%;bottom:8%;width:19%;height:30%}
/* C - слева, средняя */
.clr-keys--c{left:-2%;bottom:10%;width:27%;height:38%}
@media(max-width:1500px){.clr-keys--a{width:26%}.clr-keys--c{width:21%}.clr-keys--b{width:15%}}
@media(max-width:1100px){.clr-keys{display:none}}
.s-home-shows{position:relative}
.s-home-shows>.container,.s-home-shows .swiper{position:relative;z-index:1}
/* россыпь ключей */
.s-home-anims{position:relative}
.s-home-anims>.container,.s-home-anims .swiper{position:relative;z-index:1}
.clr-keys{position:absolute;right:16px;bottom:8px;width:min(42%,540px);height:320px;
 pointer-events:none;z-index:0;overflow:visible}
.clr-keys i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);
 background:url(/morse/key-brand-violet.svg) center/contain no-repeat;
 opacity:var(--o);rotate:var(--r);animation:clrKeyFloat 7s ease-in-out infinite;animation-delay:var(--d)}
@keyframes clrKeyFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1100px){.clr-keys{display:none}}
/* большой лимонный ключ на фоне сообщений - внутри самой плашки чата */
.s-chat .chat-block{position:relative;overflow:hidden}
.s-chat .chat-block::before{content:"";position:absolute;left:50%;top:60%;translate:-50% -50%;
 height:104%;width:auto;aspect-ratio:184/176;max-width:92%;
 background:url(/morse/key-lime-diag.svg) center/100% 100% no-repeat;
 opacity:.34;z-index:0;pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 56%);
 mask-image:linear-gradient(90deg,#000 45%,transparent 56%);
 -webkit-mask-size:220% 100%;mask-size:220% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-position:100% 0;mask-position:100% 0}
/* летающие морзе-линии по бокам блока вопросов */
.s-chat{position:relative;overflow:hidden}
.s-chat::before,.s-chat::after{content:none!important;display:none!important}
@keyframes clrFloatLine{0%,100%{translate:0 0}50%{translate:0 -18px}}
@media(max-width:1100px){.s-chat::before,.s-chat::after{display:none}}
/* ключ прорисовывается слева направо, когда блок появился на экране */
.s-chat .chat-block.clr-draw::before{animation:clrKeyDraw 2.2s cubic-bezier(.35,.1,.25,1) forwards}
@keyframes clrKeyDraw{to{-webkit-mask-position:0 0;mask-position:0 0}}
@media(prefers-reduced-motion:reduce){.s-chat .chat-block::before{-webkit-mask-position:0 0;mask-position:0 0}
 .s-chat .chat-block.clr-draw::before{animation:none}}
.s-chat .chat-block>*{position:relative;z-index:1}
.s-chat .chat-block .s-chat__line{z-index:0!important}
@media(max-width:900px){.s-chat .chat-block::before{height:56%;max-width:92%;opacity:.26}}
/* аниматор на плашке "получить каталог": ушки костюма выпирают за рамку */
.footer__catalog{overflow:visible!important;z-index:1}
.footer__catalog img{height:152%!important;width:auto!important;aspect-ratio:auto!important;bottom:0!important;right:-18px!important;top:auto!important;z-index:2;filter:drop-shadow(0 6px 14px rgba(20,6,44,.35))}
.footer__catalog span{position:relative;z-index:3;max-width:56%}
/* подвал: чужая подпись разработчиков сайта clauskids не нужна */
.footer-bottom__pb{display:none!important}
/* подвал: цветное лого вместо гигантской надписи + фон не чёрный, а тёмно-фиолетовый */
.s-footer{background:linear-gradient(160deg,#3a1968 0%,#2a1150 55%,#1f0c3d 100%)!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.footer-bottom{position:relative}
/* надпись-логотип в подвале - тот же приём, что на сайте B2B: крупный полупрозрачный вордмарк */
.footer-bottom__logo{position:absolute!important;left:0;right:0;bottom:-14px;top:auto!important;
 translate:none!important;width:auto!important;display:flex;justify-content:center;align-items:flex-end;
 z-index:0;pointer-events:none;margin:0!important;overflow:visible}
/* подвал: ровная сетка, юридические ссылки одной строкой, морзе-подпись по контейнеру */
.footer-bottom__wide{grid-column:1/-1!important}
.footer-bottom>div{align-self:start}
.footer__catalog{margin-left:auto;margin-right:0}
.clr-egg{max-width:1360px;margin-left:auto!important;margin-right:auto!important;padding:0 20px}
.clr-egg__cap{font-size:13px!important;color:rgba(255,255,255,.62)!important}
.clr-egg__line{height:10px!important;background-size:auto 10px!important}
/* подвал: воздух и ровная сетка вместо слипшихся строк */
.footer-bottom{padding-top:34px!important;padding-bottom:56px!important;row-gap:18px!important}
.s-footer .footer{padding-bottom:26px}
.footer-bottom__logo::after{content:none!important;display:none!important}
.clr-foot-word{font-family:'Onest',ui-sans-serif,system-ui,sans-serif;font-weight:900;
 font-size:clamp(44px,8.4vw,124px);line-height:.85;letter-spacing:-.035em;text-transform:lowercase;
 color:rgba(255,255,255,.05);white-space:nowrap;user-select:none}
@media(max-width:900px){.clr-foot-word{font-size:clamp(34px,12vw,86px);color:rgba(255,255,255,.07)}}
/* #14 ключ-фон в блоке шагов */
.s-home-steps{position:relative;overflow:hidden}
.s-home-steps::before{content:"";position:absolute;top:-40px;left:-120px;width:380px;height:1026px;background:url(/morse/key-brand-violet.svg) top center/contain no-repeat;opacity:.08;transform:rotate(-26deg);z-index:0;pointer-events:none}
.s-home-steps .container{position:relative;z-index:1}
/* облака: цельная рисованная фигура (перекрывающиеся круги + обводка по силуэту).
   Размер ФИКСИРОВАННЫЙ - форма никогда не растягивается и не пересчитывается, значит не дёргается. */
.s-cite--home .cite__item{
 border:0!important;background:url(/morse/bubble-big.svg) center/100% 100% no-repeat!important;
 width:680px!important;height:281px!important;max-width:94%!important;
 display:none!important;align-items:center!important;justify-content:center!important;
 padding:0 126px!important;text-align:center!important;box-sizing:border-box!important;font-size:clamp(26px,3.1vw,44px)!important}
.s-cite--home .cite__item.active{display:flex!important;animation:clrCloudIn .55s cubic-bezier(.23,1,.32,1) both}
.s-cite--home .cite__label{
 border:0!important;background:url(/morse/bubble-small.svg) center/100% 100% no-repeat!important;
 width:310px!important;height:155px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:0 52px!important;text-align:center!important;box-sizing:border-box!important;font-size:13px!important;line-height:1.14!important;font-weight:600!important}
.s-cite--home .cite__labels.active .cite__label{animation:clrCloudIn .55s cubic-bezier(.23,1,.32,1) both}
.s-cite--home .cite__labels.active .cite__label:nth-child(2){animation-delay:.09s}
.s-cite--home .cite__labels.active .cite__label:nth-child(3){animation-delay:.18s}
.s-cite--home .cite__labels.active .cite__label:nth-child(4){animation-delay:.27s}
.s-cite--home .cite__labels.active .cite__label:nth-child(5){animation-delay:.36s}
@keyframes clrCloudIn{from{opacity:0;transform:translateY(14px) scale(.955)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.s-cite--home .cite__item.active,
 .s-cite--home .cite__labels.active .cite__label{animation:none}}
@media(max-width:900px){
 .s-cite--home .cite__item{width:314px!important;height:130px!important;padding:0 58px!important;font-size:clamp(19px,5.4vw,26px)!important}
 .s-cite--home .cite__label{width:172px!important;height:86px!important;padding:0 34px!important;font-size:11px!important}
 .s-cite--home .cite__item::before{content:none!important}
 .s-cite--home .cite__item::after{content:none!important}
}

/* квиз: воздух сверху под вордмарк + шляпа волшебника выходит за плашку */
.s-quiz{padding-top:calc(var(--sec-pad,60px) + 104px)!important}
@media(max-width:900px){.s-quiz{padding-top:calc(var(--sec-pad,60px) + 58px)!important}}
.s-quiz .quiz__left{overflow:visible!important}
.s-quiz .quiz__line-wrap{overflow:hidden!important;border-radius:inherit!important}
.s-quiz .quiz__img,.s-quiz .quiz__left img{z-index:2;position:relative}

/* ===== правки от 31.07: блок облаков, ключи-стрелки, ключ FAQ, подвал ===== */

/* --- ключ FAQ: крупный, по диагонали из левого нижнего угла в правый верхний,
       вписан в плашку целиком, постоянно пульсирует --- */
.s-chat .chat-block::before{
 left:50%!important;top:50%!important;translate:-50% -50%!important;
 height:84%!important;width:auto!important;aspect-ratio:1/1!important;
 max-width:88%!important;max-height:84%!important;
 background:url(/morse/key-brand-lime.svg) center/contain no-repeat!important;
 opacity:.3!important}
@media(min-width:901px){
 .s-chat .chat-block::before{height:88%!important;max-height:88%!important;max-width:80%!important}
}
.s-chat .chat-block.clr-draw::before{
 animation:clrKeyDraw 2.2s cubic-bezier(.35,.1,.25,1) forwards,
           clrKeyPulse 3.6s ease-in-out 2.2s infinite!important}
.s-chat .chat-block::before{animation:clrKeyPulse 3.6s ease-in-out infinite}
@keyframes clrKeyPulse{0%,100%{opacity:.24;scale:1}50%{opacity:.44;scale:1.045}}
@media(prefers-reduced-motion:reduce){.s-chat .chat-block::before{animation:none!important}}

/* --- стрелки «перейти» под карточками -> ключик по диагонали (головка снизу слева) --- */
.btn-arrow svg{opacity:0!important}
.btn-arrow{position:relative}
.btn-arrow::after{content:"";position:absolute;inset:14%;
 background:url(/morse/key-brand.svg) center/contain no-repeat;
 rotate:-45deg;pointer-events:none;transition:rotate .3s cubic-bezier(.23,1,.32,1),scale .3s ease}
/* старт - строго вертикально (шапка вверху), ховер - диагональ бородкой вверх-влево, на картинку.
   Поворот 135deg в одну сторону, без полного оборота (было -45→315 = кручение на 360). */
.service-wall-item:hover .btn-arrow::after,a:hover>.btn-arrow::after,
.btn-arrow:hover::after{rotate:90deg;scale:1.08}

/* --- блок «мы подходим комплексно» на мобилке:
       одно главное облако, всё по центру (кроме девочки), текст уходит ПОД девочку --- */
@media(max-width:900px){
 .s-cite--home .cite{min-height:0!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;text-align:center!important;padding-bottom:8px!important}
 .s-cite--home .cite__stage{position:relative!important;height:auto!important}
 .s-cite--home .cite__items{margin:0!important;padding:0!important}
 .s-cite--home .cite__title{order:1;text-align:center!important;width:100%}
 .s-cite--home .cite__stage{order:2;width:100%;min-height:0!important;margin-top:6px}
 .clr-girl{order:3;position:relative!important;left:0!important;bottom:auto!important;
  align-self:flex-start!important;margin:2px 0 0 4%!important;width:min(46vw,210px)!important;
  height:auto!important;aspect-ratio:656/800}
 .clr-girl__img{position:absolute;inset:0}
 .s-cite--home .cite__bottom{order:4;width:100%;text-align:center!important;margin-top:-6px}
 .s-cite--home .cite__subtitle{text-align:center!important;max-width:34ch;margin:0 auto!important}
 /* мелкие облачка на мобилке не показываем - остаётся только главное */
 .s-cite--home .cite__labels-wrap{display:none!important}
 .s-cite--home .cite__items{position:relative!important;left:auto!important;right:auto!important;
  top:auto!important;display:flex!important;justify-content:center!important;text-align:center!important}
 .s-cite--home .cite__item{margin:0 auto!important}
 .s-cite--home .cite__item.active{display:flex!important}
}

/* --- подвал: выравнивание как на corp.claustrophobia.com --- */
.footer-bottom{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;
 gap:10px 32px!important;padding-top:26px!important;padding-bottom:clamp(78px,9.2vw,138px)!important;
 font-size:13px!important;color:rgba(255,255,255,.55)!important;position:relative;z-index:1}
.footer-bottom>div{align-self:end!important;grid-column:auto!important}
.footer-bottom__wide{grid-column:auto!important}
.clr-foot-legal{grid-column:1!important;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.clr-foot-links{grid-column:2!important;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:flex-end}
.clr-foot-links a,.clr-foot-legal a{color:rgba(255,255,255,.55)!important;text-decoration:none}
.clr-foot-links a:hover,.clr-foot-legal a:hover{color:#fff!important}
.clr-foot-dev{color:rgba(255,255,255,.34)!important}
/* вордмарк «клаустрофобия» - как на корп: слева, у нижнего края, Onest 600, ls -.04em */
.footer-bottom__logo{position:absolute!important;left:0!important;right:auto!important;bottom:2px!important;
 justify-content:flex-start!important;width:100%!important;overflow:hidden!important}
.clr-foot-word{font-family:'Onest',ui-sans-serif,system-ui,sans-serif!important;font-weight:600!important;
 font-size:clamp(56px,13.9vw,200px)!important;line-height:.86!important;letter-spacing:-.04em!important;
 text-transform:lowercase!important;color:rgba(255,255,255,.045)!important;white-space:nowrap!important;
 margin-left:-.02em}
@media(max-width:900px){
 .footer-bottom{grid-template-columns:1fr!important;padding-bottom:clamp(64px,17vw,96px)!important}
 .clr-foot-legal,.clr-foot-links{grid-column:1!important;justify-content:flex-start!important}
 .clr-foot-word{font-size:clamp(40px,15vw,110px)!important;color:rgba(255,255,255,.06)!important}
}
/* морзе-промокод из подвала убран */
.clr-egg{display:none!important}

/* ===== правки 31.07 (вечер): облака как в рефе, вордмарк за квизом, мобилка ===== */

/* --- вордмарк КЛАУСКИДС за квизом: во весь блок, просвечивает из-под плашек, не обрезан --- */
.s-quiz{padding-top:calc(var(--sec-pad,60px) + 40px)!important;padding-bottom:calc(var(--sec-pad,60px) + 40px)!important}
.s-quiz::before{left:1.5%!important;right:1.5%!important;top:50%!important;bottom:auto!important;
 translate:0 -50%!important;height:min(78%,300px)!important;
 -webkit-mask:url(/photos/wm-clauskids.webp) center/contain no-repeat!important;
 mask:url(/photos/wm-clauskids.webp) center/contain no-repeat!important;
 background:rgba(123,97,255,.16)!important;z-index:0!important}
@media(max-width:900px){.s-quiz::before{height:min(46%,150px)!important;background:rgba(123,97,255,.18)!important}
 .s-quiz{padding-top:calc(var(--sec-pad,60px) + 18px)!important}}
/* фоновый ключ у квиза убран - торчал куском в левом верхнем углу */
.s-quiz::after{content:none!important;display:none!important}

/* --- облака: смена как в референсе - кроссфейд с наложением, ничего не мигает --- */
.s-cite--home .cite__items{position:absolute!important;left:0!important;right:0!important;top:0!important;
 height:300px!important;display:block!important;z-index:3!important}
.s-cite--home .cite__item{position:absolute!important;left:50%!important;top:0!important;
 display:flex!important;opacity:0;visibility:visible!important;
 translate:-50% 26px;scale:.94;
 transition:opacity .9s cubic-bezier(.23,1,.32,1),translate .9s cubic-bezier(.23,1,.32,1),scale .9s cubic-bezier(.23,1,.32,1)!important;
 animation:none!important;will-change:opacity,translate,scale;pointer-events:none}
.s-cite--home .cite__item.active{opacity:1!important;translate:-50% 0!important;scale:1!important;z-index:2!important}
.s-cite--home .cite__item.past{opacity:.14!important;translate:-50% -22px!important;scale:1.05!important;z-index:1!important}
/* мини-облачка появляются волной, как в рефе */
.s-cite--home .cite__labels{display:block!important;opacity:0;
 transition:opacity .75s ease!important}
.s-cite--home .cite__labels.active{opacity:1!important}
.s-cite--home .cite__label{transition:opacity .9s ease,scale .9s cubic-bezier(.23,1,.32,1)!important}
.s-cite--home .cite__labels:not(.active) .cite__label{opacity:0;scale:.9}
.s-cite--home .cite__label:nth-child(1){transition-delay:0s!important}
.s-cite--home .cite__label:nth-child(2){transition-delay:.1s!important}
.s-cite--home .cite__label:nth-child(3){transition-delay:.2s!important}
.s-cite--home .cite__label:nth-child(4){transition-delay:.3s!important}
.s-cite--home .cite__label:nth-child(5){transition-delay:.4s!important}

/* ===== МОБИЛКА: первый экран, герои на формах, девочка с мыслями ===== */
@media(max-width:900px){
 /* --- первый экран --- */
 .intro-slider-wrap .intro{min-height:100svh!important;align-items:flex-end!important;padding-bottom:38px!important}
 .intro-slider-wrap .intro .container{width:100%!important;padding-top:96px!important}
 .intro-slider-wrap .intro__top{margin-bottom:auto!important}
 .intro-slider-wrap .intro__title{margin-bottom:20px!important;font-size:30px!important;line-height:1.14!important}
 .intro-slider-wrap .intro__title strong{font-size:1.34em!important;-webkit-text-stroke-width:1.1px!important;
  white-space:normal!important;margin-bottom:.18em!important}
 .intro-slider-wrap .intro__cta-text{font-size:15px!important;line-height:1.4!important;margin-bottom:18px!important;
  max-width:30ch}
 .intro-slider-wrap .intro__bottom{padding-bottom:8px!important}
 /* вырезка детей не должна лезть под текст: уводим вниз-вправо и уменьшаем */
 .clr-hero>div:last-child{width:74%!important;height:52%!important;top:auto!important;bottom:0!important;right:-8%!important}
 .clr-hero img{object-position:bottom right!important;opacity:.62}
 .clr-hero>div:nth-child(2){background:linear-gradient(180deg,rgba(20,8,36,.55) 0%,rgba(20,8,36,.72) 46%,rgba(20,8,36,.94) 100%)!important}

 /* --- формы заявок: герой сверху, по центру, ничего не перекрывает --- */
 .s-order .order{display:flex!important;flex-direction:column!important;overflow:hidden!important;
  padding:0 0 22px!important;border-radius:18px!important}
 .s-order .order__left{order:-1;position:relative!important;width:100%!important;height:230px!important;
  margin:0 0 4px!important;overflow:visible!important;z-index:2}
 .s-order img.order__img,.s-order .order__img img{position:absolute!important;height:118%!important;width:auto!important;
  max-width:86%!important;left:50%!important;right:auto!important;bottom:0!important;translate:-50% 0!important;
  object-fit:contain!important;object-position:bottom center!important;opacity:1!important}
 .s-order .order__right{order:0;position:relative;z-index:3;padding:0 18px!important}
 .s-order .order__right::before{content:none!important}
 .s-order .order__title{font-size:24px!important;line-height:1.16!important}
 .s-order .order__descr{font-size:14px!important}

 /* --- блок облаков: облако по центру, мысли из головы девочки, подпись ниже --- */
 .s-cite--home .cite__items{position:relative!important;left:auto!important;right:auto!important;
  height:auto!important;min-height:186px!important;display:flex!important;justify-content:center!important}
 .s-cite--home .cite__item{position:absolute!important;left:50%!important;translate:-50% 18px!important}
 .s-cite--home .cite__item.active{translate:-50% 0!important}
 .s-cite--home .cite__item.past{translate:-50% -14px!important}
 .clr-girl{margin:-6px 0 0 6%!important;width:min(44vw,196px)!important}
 /* пузырьки мысли от головы девочки к облаку */
 .clr-girl::before,.clr-girl::after{content:""!important;position:absolute;background:#fff;
  border:3px solid #2b1150;border-radius:50%;z-index:5;display:block!important}
 .clr-girl::before{width:11px;height:11px;left:74%;top:-4%}
 .clr-girl::after{width:18px;height:18px;left:92%;top:-15%;border-width:3.5px}
 .s-cite--home .cite__bottom{margin-top:14px!important}
 .s-cite--home .cite__subtitle{font-size:15px!important;line-height:1.35!important}
}

/* аниматорша во второй форме развёрнута лицом к заявке */
.s-order .order__left:has(img[src*="animator-v2"]) img,
.s-order img.order__img[src*="animator-v2"]{transform:scaleX(-1)!important}

/* мини-облачка сгруппированы вокруг главного и не режутся краем */
@media(min-width:901px){
 .s-cite--home .cite__label{max-width:220px!important;white-space:normal!important;text-align:center!important}
 .s-cite--home .cite__label:nth-child(1){left:3%!important;right:auto!important;top:3%!important}
 .s-cite--home .cite__label:nth-child(2){right:5%!important;left:auto!important;top:7%!important}
 .s-cite--home .cite__label:nth-child(3){right:8%!important;left:auto!important;top:44%!important}
 .s-cite--home .cite__label:nth-child(4){left:1%!important;right:auto!important;top:28%!important}
 .s-cite--home .cite__label:nth-child(5){right:24%!important;left:auto!important;top:70%!important;bottom:auto!important}
}

/* --- мобилка, доводка: первый экран собран, герои целиком --- */
@media(max-width:900px){
 /* подзаголовок над кнопкой виден */
 .intro-slider-wrap .intro__cta-text{display:block!important}
 /* вырезка детей крупнее и внизу справа - заполняет пустоту, текст поверх */
 .clr-hero>div:last-child{width:100%!important;height:64%!important;top:auto!important;bottom:0!important;
  right:0!important;left:auto!important;z-index:2!important}
 .clr-hero img{object-position:bottom right!important;opacity:.9!important}
 .clr-hero>div:nth-child(2){z-index:3!important;
  background:linear-gradient(180deg,rgba(20,8,36,.42) 0%,rgba(20,8,36,.35) 34%,rgba(20,8,36,.86) 74%,rgba(20,8,36,.96) 100%)!important}
 .intro-slider-wrap .intro .container{z-index:6!important;padding-top:80px!important}
 .intro-slider-wrap .intro{padding-bottom:30px!important}
 .intro-slider-wrap .intro__title{margin-bottom:14px!important}
 /* герой на форме виден целиком */
 .s-order .order__left{height:268px!important}
 .s-order img.order__img,.s-order .order__img img{height:100%!important;max-width:94%!important}
}

/* --- мобильный первый экран: дети видны справа, текст читаем, без пустоты --- */
@media(max-width:900px){
 .intro-slider-wrap .intro{min-height:86svh!important}
 .clr-hero>div:last-child{width:96%!important;height:80%!important;right:-4%!important;bottom:0!important;z-index:6!important}
 .clr-hero img{opacity:1!important;object-position:bottom right!important;
  -webkit-mask-image:linear-gradient(100deg,transparent 8%,rgba(0,0,0,.35) 26%,#000 52%);
  mask-image:linear-gradient(100deg,transparent 8%,rgba(0,0,0,.35) 26%,#000 52%)}
 .clr-hero>div:nth-child(2){z-index:3!important;
  background:linear-gradient(103deg,rgba(20,8,36,.95) 0%,rgba(20,8,36,.88) 42%,rgba(20,8,36,.42) 100%)!important}
 .intro-slider-wrap .intro::after{content:""!important;position:absolute;left:0;right:26%;bottom:0;height:52%;
  background:linear-gradient(180deg,transparent,rgba(20,8,36,.72) 58%,rgba(20,8,36,.9));z-index:5;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}
 .intro-slider-wrap .intro .container{z-index:6!important}
}

/* hero: подложка с видео и вырезкой должна занимать весь экран (её размер сбивался vendor-стилем) */
.intro-slider-wrap .intro__picture.clr-hero{inset:0!important;left:0!important;top:0!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 aspect-ratio:auto!important;margin:0!important}
.intro-slider-wrap .clr-hero>video{width:100%!important;height:100%!important;object-fit:cover!important}

/* --- финальная доводка мобилки --- */
@media(max-width:900px){
 /* первый экран: контент по центру, без пустоты сверху */
 .intro-slider-wrap .intro{align-items:center!important;padding-bottom:0!important;min-height:88svh!important}
 .intro-slider-wrap .intro .container{padding-top:64px!important;padding-bottom:24px!important}
 .intro-slider-wrap .intro__top{margin-bottom:18px!important}
 /* блок облаков: девочка ближе к облаку, мысли идут от её головы */
 .s-cite--home .cite__items{min-height:150px!important}
 .clr-girl{margin:-14px 0 0 6%!important}
 .clr-girl::before{left:70%!important;top:-7%!important}
 .clr-girl::after{left:88%!important;top:-19%!important}
 /* формы: герой целиком, уши и шляпа не срезаны */
 .s-order .order__left{height:300px!important}
 .s-order img.order__img,.s-order .order__img img{height:96%!important;object-position:bottom center!important}
}

/* вордмарк КЛАУСКИДС: по ширине блока - шире плашек квиза, торчит из-под них со всех сторон */
.s-quiz::before{left:1%!important;right:1%!important;top:50%!important;translate:0 -50%!important;
 height:clamp(150px,37.6vw,520px)!important;
 -webkit-mask-size:contain!important;mask-size:contain!important;
 -webkit-mask-position:center!important;mask-position:center!important;
 background:rgba(123,97,255,.17)!important}
@media(max-width:900px){.s-quiz::before{height:clamp(96px,37.6vw,190px)!important;background:rgba(123,97,255,.2)!important}}

/* ===== доводка: мягкая смена облаков (как в рефе) + герой чуть левее ===== */
/* уходящее облако плавно всплывает и растворяется в ноль - не остаётся вторым контуром */
.s-cite--home .cite__item{
 transition:opacity 1.05s cubic-bezier(.33,0,.2,1),
            translate 1.05s cubic-bezier(.22,.61,.36,1),
            scale 1.05s cubic-bezier(.22,.61,.36,1)!important;
 translate:-50% 30px!important;scale:.93!important;opacity:0!important}
.s-cite--home .cite__item.active{opacity:1!important;translate:-50% 0!important;scale:1!important;z-index:3!important}
.s-cite--home .cite__item.past{opacity:0!important;translate:-50% -26px!important;scale:1.05!important;z-index:1!important;
 transition-duration:.95s!important}
/* мини-облачка: уходящие гаснут быстрее, новые приходят с паузой - тексты не накладываются */
.s-cite--home .cite__labels{transition:opacity .34s ease!important;opacity:0!important}
.s-cite--home .cite__labels.active{opacity:1!important;transition:opacity .62s ease .28s!important}
.s-cite--home .cite__label{transition:opacity .6s ease,scale .8s cubic-bezier(.22,.61,.36,1),translate .8s cubic-bezier(.22,.61,.36,1)!important;
 translate:0 8px;scale:.94}
.s-cite--home .cite__labels.active .cite__label{translate:0 0;scale:1}
.s-cite--home .cite__label:nth-child(1){transition-delay:.30s!important}
.s-cite--home .cite__label:nth-child(2){transition-delay:.40s!important}
.s-cite--home .cite__label:nth-child(3){transition-delay:.50s!important}
.s-cite--home .cite__label:nth-child(4){transition-delay:.60s!important}
.s-cite--home .cite__label:nth-child(5){transition-delay:.70s!important}
/* девушка в форме заявки - чуть левее */
.s-order img.order__img[src*="animator-v2"],
.s-order .order__left:has(img[src*="animator-v2"]) img{left:-5%!important}
@media(max-width:900px){
 .s-order img.order__img[src*="animator-v2"],
 .s-order .order__left:has(img[src*="animator-v2"]) img{left:44%!important}
}

/* ===== облака: мягкая смена без наложений (фазы разведены) ===== */
.s-cite--home .cite__item{
 opacity:0!important;translate:-50% 0!important;scale:.985!important;
 transition:opacity .5s ease, scale .85s cubic-bezier(.33,0,.2,1)!important}
.s-cite--home .cite__item.active{opacity:1!important;scale:1!important;
 transition:opacity .6s ease .34s, scale .95s cubic-bezier(.33,0,.2,1) .34s!important;z-index:3!important}
.s-cite--home .cite__item.past{opacity:0!important;scale:1.012!important;
 transition:opacity .42s ease, scale .6s ease!important;z-index:1!important}
.s-cite--home .cite__labels{opacity:0!important;transition:opacity .3s ease!important}
.s-cite--home .cite__labels.active{opacity:1!important;transition:opacity .5s ease .34s!important}
.s-cite--home .cite__label{transition:opacity .5s ease,scale .7s cubic-bezier(.33,0,.2,1),translate .7s cubic-bezier(.33,0,.2,1)!important;
 translate:0 6px;scale:.96}
.s-cite--home .cite__labels.active .cite__label{translate:0 0;scale:1}
.s-cite--home .cite__label:nth-child(1){transition-delay:.36s!important}
.s-cite--home .cite__label:nth-child(2){transition-delay:.44s!important}
.s-cite--home .cite__label:nth-child(3){transition-delay:.52s!important}
.s-cite--home .cite__label:nth-child(4){transition-delay:.60s!important}
.s-cite--home .cite__label:nth-child(5){transition-delay:.68s!important}

/* ===== пузырьки мысли: считаются по реальным координатам девочки и облака (см. JS) ===== */
.clr-girl::before,.clr-girl::after{content:none!important;display:none!important}
.clr-think{position:absolute;inset:0;z-index:6;pointer-events:none}
.clr-think i{position:absolute;display:block;border:3px solid #2b1150;background:#fff;border-radius:50%;
 translate:-50% -50%;opacity:0;transition:opacity .5s ease}
.clr-think.on i{opacity:1}
.clr-think i:nth-child(1){transition-delay:.05s}
.clr-think i:nth-child(2){transition-delay:.16s}
.clr-think i:nth-child(3){transition-delay:.27s}

/* девочка левее - освобождает место для мыслей между ней и облаком */
@media(min-width:901px){.clr-girl{left:5%!important}}
@media(max-width:900px){
 .clr-girl{margin:26px 0 0 3%!important;width:min(42vw,178px)!important}
 .s-cite--home .cite__items{min-height:158px!important}
}
/* девушка в форме заявки - ещё левее */
.s-order img.order__img[src*="animator-v2"],
.s-order .order__left:has(img[src*="animator-v2"]) img{left:-11%!important}
@media(max-width:900px){
 .s-order img.order__img[src*="animator-v2"],
 .s-order .order__left:has(img[src*="animator-v2"]) img{left:42%!important}
}

/* левые мини-облачка выше - не задевают голову девочки и её мысли */
@media(min-width:901px){
 .s-cite--home .cite__label:nth-child(1){left:2%!important;top:0%!important}
 .s-cite--home .cite__label:nth-child(4){left:0%!important;top:15%!important}
}

/* ===== вордмарк выпирает и сверху, и снизу (масштаб по высоте блока) ===== */
.s-quiz{padding-top:calc(var(--sec-pad,60px) + 26px)!important;padding-bottom:calc(var(--sec-pad,60px) + 26px)!important}
.s-quiz::before{left:0!important;right:0!important;top:50%!important;translate:0 -50%!important;
 height:76%!important;
 -webkit-mask-size:auto 100%!important;mask-size:auto 100%!important;
 -webkit-mask-position:center center!important;mask-position:center center!important;
 background:rgba(123,97,255,.16)!important}
@media(max-width:900px){.s-quiz::before{height:74%!important;background:rgba(123,97,255,.2)!important}}
/* девочка чуть ближе к центру */
@media(min-width:901px){.clr-girl{left:10.5%!important}}
/* девушка в форме заявки - ещё левее */
.s-order img.order__img[src*="animator-v2"],
.s-order .order__left:has(img[src*="animator-v2"]) img{left:-19%!important}

@media(min-width:901px){
 .s-cite--home .cite{min-height:700px!important}
 .s-cite--home .cite__items{height:300px!important}
}

@media(min-width:901px){
 /* подпись - по центру у нижнего края блока, чтобы не висела в пустоте */
 .s-cite--home .cite{position:relative!important}
 .s-cite--home .cite__bottom{position:absolute!important;left:34%!important;right:4%!important;
  bottom:10px!important;text-align:center!important;margin:0!important}
 .s-cite--home .cite{min-height:660px!important}
}

/* волшебник в квизе - чуть левее */
.s-quiz .quiz__img{right:6%!important}
@media(max-width:900px){.s-quiz .quiz__img{right:2%!important}}
/* девушка в форме заявки - ещё левее */
.s-order img.order__img[src*="animator-v2"],
.s-order .order__left:has(img[src*="animator-v2"]) img{left:-26%!important}
@media(max-width:900px){
 .s-order img.order__img[src*="animator-v2"],
 .s-order .order__left:has(img[src*="animator-v2"]) img{left:38%!important}
}



/* десктоп: облако-мысль не должно накрывать голову - чуть компактнее,
   девочка ниже, между её макушкой и последним микро-шариком остаётся воздух */
@media(min-width:901px){
 .s-cite--home .cite__items{--cw:460px!important;--ch:393px!important}
 .clr-girl{transform:translateY(85px)!important}
}
/* мелкие облака: один размер у всех - контуры одинаковой толщины (десктоп) */
@media(min-width:901px){
 .s-cite--home .cite__label{width:210px!important;height:129px!important;max-width:210px!important}
}
/* ===== облако: контур постоянный, меняется только слово (никаких скачков) ===== */
.s-cite--home .cite__items::before{content:"";position:absolute;left:50%;top:0;translate:-50% 0;
 width:var(--cw,680px);height:var(--ch,281px);
 background:url(/morse/bubble-big.svg) center/100% 100% no-repeat;
 z-index:0;pointer-events:none}
.s-cite--home .cite__item{background:none!important;background-image:none!important;
 opacity:0!important;scale:1!important;translate:-50% 0!important;
 transition:opacity .45s cubic-bezier(.4,0,.2,1)!important;z-index:2!important}
/* слово уходит первым, новое проявляется следом - тексты не накладываются, контур не мигает */
.s-cite--home .cite__item.active{opacity:1!important;
 transition:opacity .55s cubic-bezier(.4,0,.2,1) .45s!important}
.s-cite--home .cite__item.past{opacity:0!important;
 transition:opacity .45s cubic-bezier(.4,0,.2,1)!important}
/* мелкие облачка разведены - больше не наезжают друг на друга */
@media(min-width:901px){
 .s-cite--home .cite__label{max-width:210px!important}
 .s-cite--home .cite__label:nth-child(1){left:3%!important;right:auto!important;top:0%!important}
 .s-cite--home .cite__label:nth-child(4){left:0%!important;right:auto!important;top:33%!important}
 .s-cite--home .cite__label:nth-child(2){right:4%!important;left:auto!important;top:2%!important}
 .s-cite--home .cite__label:nth-child(3){right:1%!important;left:auto!important;top:36%!important}
 .s-cite--home .cite__label:nth-child(5){right:24%!important;left:auto!important;top:66%!important}
}

/* слово в облаке меняется на месте: чистое затухание, без сдвигов и масштаба */
.s-cite--home .cite__item{
 transition:opacity .3s linear!important;
 translate:-50% 0!important;scale:1!important;transform:none!important;animation:none!important}
.s-cite--home .cite__item.active{opacity:1!important;transition:opacity .3s linear .3s!important}
.s-cite--home .cite__item.past{opacity:0!important;transition:opacity .3s linear!important}

/* слово жёстко в центре облака: все варианты в одной точке, смена без смещения */
.s-cite--home .cite__item{position:absolute!important;
 left:50%!important;top:calc(var(--ch,281px) / 2)!important;bottom:auto!important;
 translate:-50% -50%!important;transform:none!important;
 width:auto!important;height:auto!important;max-width:64%!important;
 padding:0!important;margin:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;line-height:1.1!important}

/* размер облака фиксирован по брейкпоинтам - контур и центр слова больше не скачут */
.s-cite--home .cite__items{--cw:min(680px,94%);--ch:281px}
@media(max-width:1200px){.s-cite--home .cite__items{--cw:min(560px,92%);--ch:232px}}
@media(max-width:900px){.s-cite--home .cite__items{--cw:min(340px,94%);--ch:130px}}
.s-cite--home .cite__items::before{width:var(--cw)!important;height:var(--ch)!important}
.s-cite--home .cite__item{top:calc(var(--ch) / 2)!important}

/* ===== облако-мысль с хвостом: точки больше не нужны ===== */
.clr-think{display:none!important}
.s-cite--home .cite__items{--cw:600px;--ch:454px}
@media(max-width:1200px){.s-cite--home .cite__items{--cw:min(500px,92%);--ch:378px}}
@media(max-width:900px){.s-cite--home .cite__items{--cw:min(330px,94%);--ch:250px}}
.s-cite--home .cite__items::before{
 background:url(/bubble-tail.svg) center top/100% 100% no-repeat!important;
 width:var(--cw)!important;height:var(--ch)!important}
/* слово - строго в центре тела облака (над хвостом), одна строка, всегда одна и та же точка */
.s-cite--home .cite__item{
 top:calc(var(--ch) * 0.335)!important;left:50%!important;bottom:auto!important;
 translate:-50% -50%!important;transform:none!important;
 white-space:nowrap!important;width:auto!important;height:auto!important;max-width:none!important;
 font-size:clamp(20px,2.6vw,40px)!important;line-height:1!important;
 visibility:hidden!important;opacity:0!important;
 transition:opacity .28s linear!important}
.s-cite--home .cite__item.active{visibility:visible!important;opacity:1!important;
 transition:opacity .28s linear .3s!important}
@media(max-width:900px){.s-cite--home .cite__item{font-size:clamp(16px,5vw,26px)!important}}

/* мелкое облачко справа-снизу отодвинуто от большого */
@media(min-width:901px){.s-cite--home .cite__label:nth-child(5){right:18%!important;top:74%!important}}

/* облако компактнее, линия тонкая как у боковых, хвост тянется к голове девочки */
.s-cite--home .cite__items{--cw:500px!important;--ch:427px!important}
@media(max-width:1200px){.s-cite--home .cite__items{--cw:min(420px,90%)!important;--ch:359px!important}}
@media(max-width:900px){.s-cite--home .cite__items{--cw:min(290px,88%)!important;--ch:248px!important}}
.s-cite--home .cite__item{top:calc(var(--ch) * 0.27)!important;
 font-size:clamp(18px,2.2vw,34px)!important}
@media(max-width:900px){.s-cite--home .cite__item{font-size:clamp(15px,4.6vw,23px)!important}}
@media(min-width:901px){.clr-girl{left:13%!important}}

/* девочка встаёт точно под хвост мысли; слово - по центру тела облака */
@media(min-width:901px){.clr-girl{left:21%!important}}
@media(min-width:901px) and (max-width:1200px){.clr-girl{left:17%!important}}
.s-cite--home .cite__item{top:calc(var(--ch) * 0.31)!important}

/* подвал: слово «клаустрофобия» влезает целиком, буква «я» не срезается */
.clr-foot-word{font-size:clamp(40px,13.05vw,184px)!important}
@media(max-width:900px){.clr-foot-word{font-size:clamp(34px,13.4vw,104px)!important}}
/* девочка ровно под концом хвоста */
@media(min-width:901px){.clr-girl{left:26%!important}}

/* мобилка остаётся как была: исходный файл облака (десктопный поправлен под девочку) */
@media(max-width:900px){
 .s-cite--home .cite__items::before{background-image:url(/bubble-tail-m.svg)!important}
}

/* ===== десктоп: всё считаем от самого облака, а не от ширины экрана =====
   хвост в bubble-tail.svg (viewBox -10 -12 840 724) кончается в точке
   x=170/840=0.202 ширины, y=488/724=0.674 высоты -> девочка встаёт ровно под ним
   на ЛЮБОМ разрешении; мини-облачка держатся за края облака в px, а не в %. */
/* --cw/--ch дублируем и на .cite__items: там раньше стояло min(420px,90%),
   а процент внутри font-size считается от шрифта родителя и схлопывал кегль до 6px */
@media(min-width:901px) and (max-width:1200px){
 .s-cite--home .cite,.s-cite--home .cite__items{--cw:420px!important;--ch:359px!important}
 .s-cite--home .cite{--lg:170px;--lg2:186px;--rg:12px;--rg2:26px}
}
@media(min-width:1201px){
 .s-cite--home .cite,.s-cite--home .cite__items{--cw:500px!important;--ch:427px!important}
 .s-cite--home .cite{--lg:186px;--lg2:206px;--rg:14px;--rg2:34px}
}
@media(min-width:901px){
 /* слово в облаке - крупное и всегда внутри тела облака.
    Геометрия bubble-tail.svg (viewBox -10 -12 840 724, круги тела без хвоста):
    тело по X 100..790, по Y 2..468 -> центр тела = 54.17% ширины и 34.12% высоты,
    ширина тела = 0.821*cw. Самое длинное слово «дня рождения» = 6.96em,
    берём кегль 0.099*cw -> строка 0.689*cw при теле 0.821*cw, поля ~33px с каждой стороны. */
 .s-cite--home .cite__item{font-size:calc(var(--cw) * 0.099)!important;
  left:calc(50% + var(--cw) * 0.0417)!important;
  top:calc(var(--ch) * 0.3412)!important;
  max-width:calc(var(--cw) * 0.74)!important}
 /* .active перебивал вертикальное центрирование своим translate:-50% 0 */
 .s-cite--home .cite__item,
 .s-cite--home .cite__item.active{translate:-50% -50%!important}
 /* подписи в мини-облачках чуть крупнее */
 .s-cite--home .cite__label{font-size:24px!important;line-height:1.2!important}
 .s-cite--home .clr-girl{
  left:calc(50% - var(--cw)/2 + var(--cw) * 0.202 - 26px)!important;right:auto!important;
  top:calc(var(--ch) * 0.674 + 74px)!important;bottom:auto!important;
  transform:translateX(-50%)!important}
 .s-cite--home .cite__label:nth-child(1){left:calc(50% - var(--cw)/2 - var(--lg))!important;right:auto!important;
  top:calc(var(--ch) * 0.02)!important}
 .s-cite--home .cite__label:nth-child(4){left:calc(50% - var(--cw)/2 - var(--lg2))!important;right:auto!important;
  top:calc(var(--ch) * 0.30)!important}
 .s-cite--home .cite__label:nth-child(2){left:calc(50% + var(--cw)/2 + var(--rg))!important;right:auto!important;
  top:calc(var(--ch) * 0.03)!important}
 .s-cite--home .cite__label:nth-child(3){left:calc(50% + var(--cw)/2 + var(--rg2))!important;right:auto!important;
  top:calc(var(--ch) * 0.31)!important}
 .s-cite--home .cite__label:nth-child(5){left:calc(50% + var(--cw)/2 - 40px)!important;right:auto!important;
  top:calc(var(--ch) * 0.72)!important}
}

/* clr-fav-css */
/* избранное: активное сердце заливается брендовым, счётчик у шапки */
.fav.is-fav svg{fill:#ECEE62!important;stroke:#ECEE62!important}
.fav--header{position:relative}
.fav--header .clr-fav-count{position:absolute;top:-4px;right:-6px;min-width:17px;height:17px;padding:0 4px;
 border-radius:9px;background:#ECEE62;color:#241237;font:600 11px/17px 'Manrope',sans-serif;text-align:center;
 display:none;pointer-events:none}
.fav--header.has-items .clr-fav-count{display:block}
.clr-fav-panel{position:fixed;inset:0;z-index:9999;display:none}
.clr-fav-panel.open{display:block}
.clr-fav-panel__bg{position:absolute;inset:0;background:rgba(20,8,36,.55)}
.clr-fav-panel__box{position:absolute;top:0;right:0;width:min(420px,100%);height:100%;background:#fff;
 box-shadow:-20px 0 60px rgba(20,8,36,.25);display:flex;flex-direction:column}
.clr-fav-panel__head{padding:22px 24px;border-bottom:1px solid #ece8f2;display:flex;align-items:center;justify-content:space-between}
.clr-fav-panel__head b{font:700 19px/1.2 'Onest','Manrope',sans-serif;color:#241237}
.clr-fav-panel__close{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#7a6a90}
.clr-fav-panel__list{flex:1;overflow:auto;padding:14px 24px}
.clr-fav-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f3f0f7}
.clr-fav-item img{width:66px;height:66px;object-fit:cover;border-radius:12px;flex:none}
.clr-fav-item span{flex:1;font:500 14px/1.3 'Manrope',sans-serif;color:#241237}
.clr-fav-item button{border:0;background:none;color:#a094b3;font-size:20px;cursor:pointer}
.clr-fav-empty{padding:30px 0;color:#8a7ba0;font:400 15px/1.5 'Manrope',sans-serif}
.clr-fav-panel__foot{padding:18px 24px 26px;border-top:1px solid #ece8f2}
.clr-fav-panel__foot button{width:100%;padding:15px;border:0;border-radius:14px;background:#ECEE62;
 font:600 16px 'Manrope',sans-serif;color:#241237;cursor:pointer}

/* clr-cloudfix-css */
/* мини-облачка: текст мельче и переносится, чтобы не лез на контур */
.s-cite--home .cite__labels-wrap .cite__labels .cite__label{
 width:230px!important;height:120px!important;
 padding:0 34px!important;
 font-size:14px!important;line-height:1.16!important;font-weight:600!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
 hyphens:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;box-sizing:border-box!important}
@media(max-width:900px){
 .s-cite--home .cite__labels-wrap .cite__labels .cite__label{
  width:150px!important;height:80px!important;padding:0 22px!important;font-size:10.5px!important;line-height:1.12!important}
}

/* clr-caps-css */
.btn,.btn span,.footer__nav a{text-transform:none!important}

/* hero-dark-css */
.intro{position:relative}.intro .intro__picture{position:absolute;inset:0;z-index:0}.intro .intro__picture img{width:100%;height:100%;object-fit:cover}.intro .intro__picture::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(16,8,28,.92) 0%,rgba(16,8,28,.78) 34%,rgba(16,8,28,.45) 62%,rgba(16,8,28,.25) 100%)}.intro>.container{position:relative;z-index:2}.intro .intro__title,.intro .intro__descr{color:#fff}.intro .intro-preim{border-color:rgba(255,255,255,.45);color:#fff}@media(max-width:680px){.intro .intro__picture::after{background:linear-gradient(180deg,rgba(16,8,28,.86) 0%,rgba(16,8,28,.72) 45%,rgba(16,8,28,.55) 100%)}}

/* hero-pad-css */
.intro .intro__top{padding-top:clamp(150px,15vw,230px)}.intro--legal .intro__top{padding-top:clamp(140px,14vw,210px)}

/* hero-veil-css */
.ck-hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(16,8,28,.9) 0%,rgba(16,8,28,.72) 38%,rgba(16,8,28,.38) 70%,rgba(16,8,28,.18) 100%)}@media(max-width:680px){.ck-hero-veil{background:linear-gradient(180deg,rgba(16,8,28,.84) 0%,rgba(16,8,28,.68) 50%,rgba(16,8,28,.5) 100%)}}.intro>.container{position:relative;z-index:2}

/* ck-hero-fit */
/* Мелочи первого экрана, которые не про габариты: ими управляет
   ck-hero-unify, иначе дизайн разъезжается между разделами. */
.intro--dr .intro-preims{max-width:none!important;width:100%!important;
 gap:6px;align-content:flex-start}
.intro--dr .intro-preim{padding:6px 14px;font-size:clamp(12px,1.6vh,14px)}
.intro--dr .intro__cta-text{margin-bottom:clamp(6px,1.2vh,12px);font-size:clamp(13px,1.8vh,16px)}
.intro--dr .intro__cta-text p{margin:0}
.intro--dr .intro__cta-text br{display:none}
.intro--dr .btn-double .btn{min-height:0;padding-top:clamp(10px,1.8vh,18px);
 padding-bottom:clamp(10px,1.8vh,18px)}
/* Юр-страницы: просто шапка, без пустого экрана под кнопку. */
.intro--legal{min-height:0!important;max-height:none!important;
 padding-top:clamp(126px,17vh,186px)!important;padding-bottom:clamp(40px,7vh,72px)!important}
.intro--legal .intro__top{display:block!important;min-height:0!important}
.intro--legal .intro__title{display:block!important;margin:0 0 12px!important;height:auto!important}
.intro--legal .intro__descr{max-width:min(58vw,760px);height:auto!important}

/* ck-stories-strip */
/* кружки-сторис лежат на стыке фонов - подложка делает ряд единым */
.contents-nav{background:#fff!important;border-radius:var(--br-25);padding:18px 22px!important;
 box-shadow:0 12px 32px rgba(36,18,55,.10);position:relative;z-index:5}
.contents-nav .contents-nav__item{background:transparent!important}
@media(max-width:900px){.contents-nav{padding:12px 10px!important;border-radius:var(--br-25)}}

/* ck-hero-facts */
/* Нижняя строка первого экрана - по образцу corp.claustrophobia.com:
   отдельная полоса у нижнего края, компактная группа по центру,
   крупная цифра, подпись капсом и перечисление форматов через разделитель. */
.intro{position:relative}
.intro .intro__top,.intro .container{padding-bottom:clamp(56px,6vw,96px)}
.ck-hero-facts{position:absolute;left:0;right:0;bottom:0;z-index:3;
  display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.6vw,34px);
  padding:clamp(12px,1.5vw,20px) max(15px,4rem);pointer-events:none;
  border-top:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(12,5,24,0) 0%,rgba(12,5,24,.45) 100%)}
.ck-hero-facts__num{display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.4vw,7px)}
.ck-hero-facts__num b{font:500 clamp(30px,3.6vw,54px)/1 Onest,Manrope,sans-serif;
  letter-spacing:-.015em;color:#fff}
.ck-hero-facts__num span{font:400 clamp(8px,.7vw,11px)/1 Manrope,sans-serif;
  letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.60);
  padding-left:.32em;white-space:nowrap}
.ck-hero-facts__list{position:relative;padding-left:clamp(16px,2.6vw,34px);
  font:400 clamp(11px,.95vw,15px)/1.4 Manrope,sans-serif;color:rgba(255,255,255,.93)}
.ck-hero-facts__list::before{content:"";position:absolute;left:0;top:50%;
  transform:translateY(-50%);width:1px;height:clamp(32px,3.8vw,56px);
  background:rgba(255,255,255,.26)}
.intro--light .ck-hero-facts{border-top-color:rgba(36,18,55,.14);
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%)}
.intro--light .ck-hero-facts__num b{color:#241237}
.intro--light .ck-hero-facts__num span{color:rgba(36,18,55,.55)}
.intro--light .ck-hero-facts__list{color:rgba(36,18,55,.9)}
.intro--light .ck-hero-facts__list::before{background:rgba(36,18,55,.22)}
@media(max-width:680px){
  .intro .intro__top,.intro .container{padding-bottom:clamp(120px,32vw,152px)}
  .ck-hero-facts{flex-direction:column;gap:9px;padding:14px 15px 16px;
    background:linear-gradient(180deg,rgba(12,5,24,.30) 0%,rgba(12,5,24,.74) 42%,rgba(12,5,24,.88) 100%)}
  .ck-hero-facts__num b{font-size:36px}
  .ck-hero-facts__num span{font-size:9px;letter-spacing:.3em;color:rgba(255,255,255,.75)}
  .ck-hero-facts__list{font-size:12.5px;color:#fff}
  .ck-hero-facts__list{padding-left:0;padding-top:9px;text-align:center}
  .ck-hero-facts__list::before{left:50%;top:0;transform:translateX(-50%);width:44px;height:1px}
}

/* ck-quiz-nokeys */
/* Женя: в блоке квиза декоративные ключики не нужны. */
.s-quiz .clr-keys{display:none!important}

/* ck-noclick */
/* Женя 20.08: эти ссылки пока не ведут никуда - убираем руку-курсор. */
.header-top__nav__sub-list a{cursor:default}
.s-home-anims .anim-preview[data-href-off]{cursor:default}
.ck-free-wide .concert-preview[data-href-off]{cursor:default}

/* ck-grey-bg */
/* Общий фон сайта - очень бледный лиловый: белые карточки и плашки от него
   отделяются, но выделений и окошек не съедает, как съедал серый.
   Тот же тон держат подложки снимков, чтобы диагональные срезы карточек не
   выдавали другой цвет. */
:root{--gray-light:#F3F1FA}
body{background:#F3F1FA}
.s-def,.s-services-wall,.s-contents,.s-home-anims,.s-home-shows,
.s-home-complex,.s-home-steps,.s-quiz,.s-order,.s-chat,.s-seo,
.s-animators,.s-shows,.s-concerts,.s-preims-nums{background:transparent!important}

/* ck-quiz-line2 */
/* Кнопки ответов были без заливки - лента просвечивала сквозь текст. */
.s-quiz .quiz-radio{background:rgba(90,84,143,.94)!important;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.s-quiz .quiz-radio:hover,.s-quiz .quiz-radio input:checked+span{background:transparent}
/* Лента - фон блока, за его границы не выходит. */
.s-quiz .quiz__left,.s-quiz .quiz__right{overflow:hidden!important}
.s-quiz .quiz__line-wrap{overflow:hidden!important;border-radius:inherit}
.s-quiz .quiz__line-wrap--right{transform:scaleX(-1)}

/* ck-nav-card */
/* Лента этапов - отдельная карточка на бледно-фиолетовой подложке. */
.s-contents .contents-nav{
  background:#fff!important;
  border-radius:clamp(18px,2vw,30px);
  margin-inline:clamp(12px,4vw,72px);
  padding:clamp(14px,1.6vw,26px) clamp(10px,1.4vw,22px) clamp(10px,1.2vw,18px)}
.s-contents .contents-nav__item.active{background:var(--gray-light,#EDEEF3)}
.s-contents .contents-nav__item:hover{background:rgba(237,238,243,.65)}
.s-contents .contents-nav__item__img{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(123,97,255,.22)}
@media (max-width:680px){
  .s-contents .contents-nav{margin-inline:10px;border-radius:16px}
}

/* ck-quiz-line3 */
/* Лента - фоновый слой формы: ниже вопросов, но внутри плашки. */
.s-quiz .quiz__right{isolation:isolate;position:relative;overflow:visible!important}
.s-quiz .quiz__right>.quiz__line-wrap{z-index:-1!important;inset:0;overflow:hidden!important;
  border-radius:var(--br-25)}
/* Волшебник снова выходит за верхний край формы. */
.s-quiz .quiz__right .quiz__img{z-index:1!important;overflow:visible}
/* Ответы поверх фона. */
.s-quiz .quiz__right .quiz__slider,.s-quiz .quiz__right .quiz-step,
.s-quiz .quiz__right .quiz-radio{position:relative;z-index:4!important}
/* Точки переключения: капсула, чтобы не терялись на ленте. */
.s-quiz .slider-pagination{position:relative;z-index:6;display:inline-flex;align-items:center;
  gap:8px;padding:8px 14px;border-radius:999px;background:rgba(36,18,55,.42);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:auto}
.s-quiz .slider-pagination .swiper-pagination-bullet{opacity:.55;background:#fff;margin:0!important}
.s-quiz .slider-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--salat,#E2E43F)}

/* ck-quiz-blur */
/* Женя: плашки ответов - один в один как капсула с точками переключения:
   тот же фон и то же размытие, чтобы линия на фоне не терялась. */
.s-quiz .quiz-radio{opacity:1!important;background:rgba(36,18,55,.42)!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border-color:rgba(255,255,255,.35)!important;position:relative;z-index:6!important}
.s-quiz .quiz-radio *{opacity:1!important}
.s-quiz .quiz-radio:hover{background:rgba(36,18,55,.56)!important}
.s-quiz .quiz-radio input:checked+*,.s-quiz .quiz-radio.is-checked{background:rgba(36,18,55,.62)!important}
.s-quiz .quiz-step__radios,.s-quiz .quiz-step{position:relative;z-index:6}
/* На телефоне волшебник оказывался под формой и пропадал: уводим его
   вправо вниз, а варианты ответа сужаем, чтобы его было видно целиком. */
@media (max-width:900px){
  .s-quiz .quiz__img{position:absolute!important;right:-6px!important;left:auto!important;
    bottom:0!important;top:auto!important;width:min(33vw,132px)!important;height:auto!important;
    z-index:2!important;pointer-events:none}
  .s-quiz .quiz__right .quiz-radio{max-width:64%!important}
  .s-quiz .quiz__right{padding-bottom:clamp(10px,3vw,18px)!important}
}

/* ck-hero-unify */
/* Первый экран одинаковый на всех страницах: окно по высоте, заголовок
   в своей зоне, подзаголовок в своей, кнопка на одной отметке. */
.intro-slider-wrap,
.intro-slider-wrap .intro-slider,
.intro-slider-wrap .swiper-wrapper,
.intro-slider-wrap .swiper-slide,
.intro-slider-wrap .intro,
section.intro:not(.intro--legal){
  height:100svh!important;min-height:100svh!important;max-height:100svh!important}
.intro-slider-wrap .intro,
section.intro:not(.intro--legal){padding:0!important;
  --ck-head:clamp(200px,32vh,290px);--ck-sub:clamp(44px,5.2vh,58px);
  --ck-gap1:clamp(14px,2vh,22px);--ck-gap2:clamp(18px,2.8vh,30px)}
.intro-slider-wrap .intro__picture,
section.intro:not(.intro--legal) .intro__picture{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important}
.intro-slider-wrap .intro__picture img,.intro-slider-wrap .intro__picture video,
section.intro .intro__picture img,section.intro .intro__picture video{
  width:100%!important;height:100%!important;object-fit:cover!important}
/* Контейнер: отступ под шапку фиксированной величиной - в долях экрана
   на низких окнах он выходил меньше высоты шапки и заголовок наезжал. */
.intro-slider-wrap .intro>.container,
section.intro:not(.intro--legal)>.container{
  height:100%;display:flex;flex-direction:column;justify-content:flex-start;
  padding-top:max(214px,22vh)!important;padding-bottom:clamp(30px,6.4vh,76px)!important;position:relative}
/* Блок заголовка больше не задаёт высоту: её задают зоны внутри. */
section.intro .intro__top,section.intro--dr .intro__top,
.intro-slider-wrap .intro__top{
  flex:0 0 auto;display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-content:start!important;
  grid-template-rows:none!important;row-gap:0!important;
  padding:0!important;margin:0!important;
  height:auto!important;min-height:0!important;max-width:min(74ch,60vw)}
/* Заголовок живёт в зоне постоянной высоты и прижат к её низу: и в одну
   строку, и в три он заканчивается на одной и той же линии. */
.intro .intro__title,.intro-slider-wrap .intro__title{
  font-size:min(3.9vw,6.1vh,62px)!important;line-height:1.06!important;
  height:var(--ck-head)!important;margin:0 -10px!important;padding:0 10px!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  overflow:hidden;translate:none!important;transform:none!important;
  top:0!important;position:relative}
/* Подзаголовок - ровно две строки, дальше многоточие. */
.intro .intro__descr,.intro-slider-wrap .intro__descr{
  font-size:clamp(14px,1.15vw,19px)!important;line-height:1.45!important;
  max-width:64ch;height:var(--ck-sub)!important;margin:var(--ck-gap1) 0 0!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Кнопка: отступ под шапку + зона заголовка + зазор + зона подзаголовка. */
.intro__bottom{flex:0 0 auto;position:static;margin:var(--ck-gap2) 0 0!important;padding:0!important}
.intro__bottom .btn,.intro__bottom a.btn{margin:0!important}
@media (max-width:900px){
	.intro-slider-wrap .intro,
	section.intro:not(.intro--legal){
	  --ck-head:clamp(158px,28vh,244px);--ck-sub:clamp(40px,6vh,54px);
	  --ck-gap1:clamp(10px,1.6vh,18px);--ck-gap2:clamp(14px,2.2vh,24px)}
	section.intro .intro__top,section.intro--dr .intro__top,
	.intro-slider-wrap .intro__top{max-width:none}
	.intro-slider-wrap .intro>.container,
	section.intro:not(.intro--legal)>.container{
	  padding-top:max(74px,11vh)!important;padding-bottom:calc(clamp(20px,5vh,44px) + 122px)!important}
	.intro .intro__title,.intro-slider-wrap .intro__title{font-size:min(6.6vw,5vh,38px)!important}
	/* Обводка в заголовке шла одной строкой и уезжала за экран. */
	.intro .intro__title strong,.intro .intro__title span,
	.intro-slider-wrap .intro__title strong,.intro-slider-wrap .intro__title span{
	  white-space:normal!important;font-size:1.22em!important;letter-spacing:0!important}
}

/* ck-wall-align */
/* Подписи карточек услуг стоят на одной линии: фото тянется до подписи,
   подпись прижата к низу карточки. Иначе снимки разной высоты разводят
   названия по разным уровням. */
.s-services-wall .service-wall-item{display:flex!important;flex-direction:column!important;
  min-height:0!important}
.s-services-wall .service-wall-item__stage{flex:1 1 auto!important;min-height:0!important}
/* Верхняя карточка правой колонки стоит в более высокой строке сетки:
   ей растяжка не нужна, иначе подпись уезжает под соседнюю карточку. */
@media (min-width:1025px){
  .s-services-wall .service-wall-item--small:nth-child(3) .service-wall-item__stage{
    flex:0 0 auto!important;aspect-ratio:335/228!important}
}
/* На узких экранах карточки идут колонкой: подпись должна держаться
   своего снимка, а не липнуть к следующей карточке. */
@media (max-width:1024px){
  .s-services-wall .services-wall{row-gap:clamp(30px,5vw,46px)!important}
  .s-services-wall .service-wall-item{gap:clamp(6px,1vw,10px)!important}
}
.s-services-wall .service-wall-item__bottom{flex:0 0 auto!important;margin:0!important}

/* ck-faq-card */
/* Блок вопросов-ответов раньше выделялся белым на белой странице.
   Страница стала серой - возвращаем ему отдельную карточку. */
.s-chat .chat-block{background:#fff!important;
  border-radius:clamp(18px,2vw,30px)!important;
  padding:clamp(20px,2.4vw,38px) clamp(16px,2vw,32px) clamp(42px,4.4vw,64px)!important;
  box-shadow:0 12px 34px rgba(36,18,55,.07)}
.s-chat .chat-block .chat__message--a{background:var(--gray-light,#EDEEF3)!important}

/* ck-sec-title */
/* Заголовок блока принадлежит своему блоку: сверху воздух, снизу вплотную
   к содержимому. Все заголовки по левому краю. */
.s-def .sec-title-double,.s-def .sec-title-center,.s-def .sec-title,
.s-def .sec-title-double .h2,.s-def .sec-title-center .h2,
.s-def .sec-title-center h2,.s-cite .cite__title,.s-chat .sec-title-center{
  text-align:left!important}
.s-def .sec-title-center,.s-chat .sec-title-center{
  justify-items:start!important;align-items:flex-start!important;
  margin-left:0!important;margin-right:auto!important;max-width:none!important}
.s-def .sec-title-double,.s-def .sec-title-center,.s-def .sec-title{
  margin-bottom:clamp(14px,1.5vw,22px)!important}
.s-services-wall,.s-home-anims,.s-home-shows,.s-home-complex,
.s-home-steps,.s-chat,.s-contents,.s-cite,.s-preims-nums,
.s-animators,.s-shows,.s-video-reviews,.s-home-video{
  padding-top:clamp(46px,5.4vw,92px)!important}
@media (max-width:900px){
  .s-services-wall,.s-home-anims,.s-home-shows,.s-home-complex,
  .s-home-steps,.s-chat,.s-contents,.s-cite,.s-preims-nums,
  .s-animators,.s-shows,.s-video-reviews,.s-home-video{
    padding-top:clamp(30px,7vw,52px)!important}
  .s-def .sec-title-double,.s-def .sec-title-center,.s-def .sec-title{
    margin-bottom:clamp(12px,3vw,18px)!important}
}

/* ck-hover */
/* Карточка услуги под курсором: снимок наезжает крупнее, подпись темнеет,
   ключ разворачивается - видно, что элемент кликабельный. */
.s-services-wall .service-wall-item__stage{overflow:clip}
.s-services-wall .service-wall-item__img{
  transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s ease}
.s-services-wall .service-wall-item:hover .service-wall-item__img{
  transform:scale(1.045);filter:saturate(1.08)}
.s-services-wall .service-wall-item__title{transition:opacity .25s ease}
.s-services-wall .service-wall-item:hover .service-wall-item__title{opacity:.62}
.s-services-wall .service-wall-item .btn-arrow{
  transition:transform .35s cubic-bezier(.22,1,.36,1)}
/* Ответ в квизе: плашка заметно плотнеет, рамка светлеет, стрелка уезжает. */
.s-quiz .quiz-radio{transition:background .22s ease,border-color .22s ease,transform .22s ease}
.s-quiz .quiz-radio:hover{background:rgba(36,18,55,.66)!important;
  border-color:rgba(255,255,255,.8)!important;transform:translateY(-1px)}
.s-quiz .quiz-radio svg,.s-quiz .quiz-radio .btn-arrow{transition:transform .25s ease}
.s-quiz .quiz-radio:hover svg,.s-quiz .quiz-radio:hover .btn-arrow{transform:translateX(4px)}
@media (hover:none){
  .s-services-wall .service-wall-item:hover .service-wall-item__img{transform:none}
  .s-quiz .quiz-radio:hover{transform:none}
}

/* ck-wall-puzzle */
/* Карточки услуг разрезаны по диагонали там, где соседи одной высоты:
   у одной кадр шире сверху, у другой снизу. Углы скруглены. */
.s-services-wall .services-wall{gap:10px 10px}
.s-services-wall .service-wall-item__stage{
  border-radius:0;clip-path:none;background:var(--gray-light,#EDEEF3);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.s-services-wall .service-wall-item:nth-child(1) .service-wall-item__stage{margin-right:-96px;aspect-ratio:772/521;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20772%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20750.00%200.00%20Q%20772.00%200.00%20768.01%2021.64%20L%20679.99%20499.36%20Q%20676.00%20521.00%20654.00%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20772%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20750.00%200.00%20Q%20772.00%200.00%20768.01%2021.64%20L%20679.99%20499.36%20Q%20676.00%20521.00%20654.00%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(2) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20528%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2092.06%2021.65%20Q%2096.00%200.00%20118.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20506.00%20Q%20335.00%20528.00%20313.00%20528.00%20L%2022.00%20528.00%20Q%200.00%20528.00%203.94%20506.35%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20528%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2092.06%2021.65%20Q%2096.00%200.00%20118.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20506.00%20Q%20335.00%20528.00%20313.00%20528.00%20L%2022.00%20528.00%20Q%200.00%20528.00%203.94%20506.35%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(3) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20228%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20206.00%20Q%20335.00%20228.00%20313.00%20228.00%20L%2022.00%20228.00%20Q%200.00%20228.00%200.00%20206.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20228%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20206.00%20Q%20335.00%20228.00%20313.00%20228.00%20L%2022.00%20228.00%20Q%200.00%20228.00%200.00%20206.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(4) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20228%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20206.00%20Q%20335.00%20228.00%20313.00%20228.00%20L%2022.00%20228.00%20Q%200.00%20228.00%200.00%20206.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335%20228%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20313.00%200.00%20Q%20335.00%200.00%20335.00%2022.00%20L%20335.00%20206.00%20Q%20335.00%20228.00%20313.00%20228.00%20L%2022.00%20228.00%20Q%200.00%20228.00%200.00%20206.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(5) .service-wall-item__stage{margin-right:-96px;aspect-ratio:545/517;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20545%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20523.00%200.00%20Q%20545.00%200.00%20540.98%2021.63%20L%20453.02%20495.37%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%200.00%20495.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20545%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20523.00%200.00%20Q%20545.00%200.00%20540.98%2021.63%20L%20453.02%20495.37%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%200.00%20495.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(6) .service-wall-item__stage{margin-right:-96px;aspect-ratio:545/517;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20545%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2091.98%2021.63%20Q%2096.00%200.00%20118.00%200.00%20L%20523.00%200.00%20Q%20545.00%200.00%20540.98%2021.63%20L%20453.02%20495.37%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%204.02%20495.37%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20545%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2091.98%2021.63%20Q%2096.00%200.00%20118.00%200.00%20L%20523.00%200.00%20Q%20545.00%200.00%20540.98%2021.63%20L%20453.02%20495.37%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%204.02%20495.37%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
.s-services-wall .service-wall-item:nth-child(7) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20449%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2091.98%2021.63%20Q%2096.00%200.00%20118.00%200.00%20L%20427.00%200.00%20Q%20449.00%200.00%20449.00%2022.00%20L%20449.00%20495.00%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%204.02%20495.37%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20449%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2091.98%2021.63%20Q%2096.00%200.00%20118.00%200.00%20L%20427.00%200.00%20Q%20449.00%200.00%20449.00%2022.00%20L%20449.00%20495.00%20Q%20449.00%20517.00%20427.00%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%204.02%20495.37%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
/* Подпись: ключик перед названием, всё по левому краю. */
.s-services-wall .service-wall-item{position:relative}
.s-services-wall .service-wall-item__bottom{position:relative;z-index:20;background:transparent;
  justify-content:flex-start;align-items:center;gap:clamp(8px,1vw,14px)}
.s-services-wall .service-wall-item__bottom .btn-arrow{order:-1;flex-shrink:0}
.s-services-wall .service-wall-item__title{width:auto;flex:0 1 auto}
/* Девочка с подарком в широком кадре: держим лицо и коробку. */
.s-services-wall .service-wall-item:nth-child(2) .service-wall-item__img{object-position:50% 30%}
/* Ниже 1025px сетка перестраивается - оставляем обычные карточки. */
@media (max-width:1024px){
  .s-services-wall .services-wall{gap:max(15px,5rem) var(--gap)}
  .s-services-wall .service-wall-item:nth-child(n) .service-wall-item__stage{
    -webkit-mask-image:none;mask-image:none;border-radius:var(--br-25);
    margin-right:0;aspect-ratio:auto}
}

/* ck-hero-side */
/* Первый экран: текст не липнет к краю окна. На увеличении страницы
   контейнер переключался на отступ 20px и заголовок вставал в 10px от
   края - держим поле не меньше 48px при любом масштабе. */
.intro-slider-wrap .intro>.container,
section.intro:not(.intro--legal)>.container{
  padding-left:max(48px,3.3vw)!important;
  padding-right:max(48px,3.3vw)!important}

/* ck-quiz-hover-text */
/* Ответ квиза на наведении: фон у нас тёмный, значит текст и стрелка
   остаются белыми - иначе шаблон красит их в чёрный и надпись пропадает. */
.s-quiz .quiz-radio:hover,
.s-quiz .quiz-radio:hover *,
.s-quiz .quiz-radio:has(:checked),
.s-quiz .quiz-radio:has(:checked) *{color:#fff!important}
.s-quiz .quiz-radio:hover svg,
.s-quiz .quiz-radio:has(:checked) svg{stroke:#fff!important}

/* ck-hero-pulse-origin */
/* Контурная строка первого экрана дышит: блок растягивается на 6%. От центра
   это уводило её левый край под обрезку колонки и съедало первую букву -
   растим от левого края, запас для роста держит подгонка размера. */
.intro .intro__title strong,
.intro .intro__title span[style*="nowrap"],
.intro-slider-wrap .intro__title strong,
.intro-slider-wrap .intro__title span[style*="nowrap"]{
  transform-origin:left center!important}

/* ck-wall-labels */
/* Подпись слева, ключ сразу за ней - не у кромки плашки (правка Антона). */
.s-services-wall .service-wall-item__bottom{
  justify-content:flex-start!important;align-items:center!important;
  gap:12px!important;padding-left:0!important;padding-right:0!important}
.s-services-wall .service-wall-item__bottom .btn-arrow{order:0!important;flex-shrink:0}
.s-services-wall .service-wall-item__title{width:auto!important;flex:0 1 auto;text-align:left!important}
/* Крутится сам ключик, плашку не поворачиваем. */
.s-services-wall .service-wall-item:hover .btn-arrow{transform:none!important}

/* ck-rhythm */
/* Один вертикальный шаг между секциями: у квиза и блоков заявки отступы
   отличались, стыки читались как разные. Ширины карточек стены задаёт
   ck-wall-seams. */
.s-def:not(.intro){padding-top:78px!important;padding-bottom:113px!important}
/* На мобильном фиксированный шаг съедает четверть экрана между секциями
   (113+78=191px при высоте окна ~844). Шаг привязываем к вьюпорту,
   как в мобильном clamp ck-sec-title. Десктопное правило выше не тронуто. */
@media(max-width:900px){
 .s-def:not(.intro){
  padding-top:clamp(30px,7vw,52px)!important;
  padding-bottom:clamp(42px,10vw,70px)!important}
}

/* ck-wall-seams */
/* Ширина - по услуге: на главной и на внутренних карточки идут в разном
   порядке, привязка к позиции делала день рождения то широким, то узким.
   Карточки без ссылки (Минск: стена из div, порядок как на главной) считаем
   по месту: широкая = аниматоры, высокая = день рождения. */
@media (min-width:1025px){
  .s-services-wall a:is([href="/den-rozhdeniya"], [href="/den-rozhdeniya/"]).service-wall-item, .s-services-wall .service-wall-item--tall:not([href]){grid-column:span 5!important}
  .s-services-wall a:is([href="/animatory"], [href="/animatory/"]).service-wall-item, .s-services-wall .service-wall-item--big:not([href]){grid-column:span 4!important}
  /* выступ задан долей ширины колонки, а не пикселями: колонки тянутся вместе
     с экраном, и зазор в шве остаётся тем же на любой ширине */
  .s-services-wall .service-wall-item--big .service-wall-item__stage{
    flex:0 0 auto!important;min-height:0!important}
  .s-services-wall .service-wall-item--big:is([href="/animatory"], [href="/animatory/"], :not([href])) .service-wall-item__stage{
    margin-right:-19.452%!important}
  .s-services-wall .service-wall-item--big:is([href="/den-rozhdeniya"], [href="/den-rozhdeniya/"]) .service-wall-item__stage{
    margin-right:-15.492%!important}
  .s-services-wall .service-wall-item--tall .service-wall-item__stage{
    flex:0 0 auto!important;min-height:0!important}
  /* кадры правой колонки выступают влево под шов: их левые рёбра лежат на
     одной прямой - продолжении шва со средней карточкой */
  .s-services-wall .service-wall-item--small .service-wall-item__stage{
    margin-left:-28.872%!important}
  .s-services-wall .service-wall-item{align-items:stretch}
  /* верхний ряд: первая карточка режется справа, вторая с обеих сторон */
  .s-services-wall .service-wall-item--big:is([href="/animatory"], [href="/animatory/"], :not([href])) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20533.543%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20511.54%200.00%20Q%20533.54%200.00%20529.84%2021.69%20L%20448.36%20499.31%20Q%20444.66%20521.00%20422.66%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20533.543%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20511.54%200.00%20Q%20533.54%200.00%20529.84%2021.69%20L%20448.36%20499.31%20Q%20444.66%20521.00%20422.66%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:533.543/521!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item--big:is([href="/den-rozhdeniya"], [href="/den-rozhdeniya/"]) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20647.713%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20625.71%200.00%20Q%20647.71%200.00%20644.01%2021.69%20L%20562.53%20499.31%20Q%20558.83%20521.00%20536.83%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20647.713%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20625.71%200.00%20Q%20647.71%200.00%20644.01%2021.69%20L%20562.53%20499.31%20Q%20558.83%20521.00%20536.83%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%200.00%20499.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:647.713/521!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item--tall:is([href="/den-rozhdeniya"], [href="/den-rozhdeniya/"], :not([href])) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560.83%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2085.18%2021.69%20Q%2088.88%200.00%20110.88%200.00%20L%20538.83%200.00%20Q%20560.83%200.00%20557.13%2021.69%20L%20475.65%20499.31%20Q%20471.95%20521.00%20449.95%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%203.70%20499.31%20L%2085.18%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560.83%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2085.18%2021.69%20Q%2088.88%200.00%20110.88%200.00%20L%20538.83%200.00%20Q%20560.83%200.00%20557.13%2021.69%20L%20475.65%20499.31%20Q%20471.95%20521.00%20449.95%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%203.70%20499.31%20L%2085.18%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:560.83/521!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item--tall:is([href="/animatory"], [href="/animatory/"]) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20446.66%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2085.18%2021.69%20Q%2088.88%200.00%20110.88%200.00%20L%20424.66%200.00%20Q%20446.66%200.00%20442.96%2021.69%20L%20361.48%20499.31%20Q%20357.78%20521.00%20335.78%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%203.70%20499.31%20L%2085.18%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20446.66%20521%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2085.18%2021.69%20Q%2088.88%200.00%20110.88%200.00%20L%20424.66%200.00%20Q%20446.66%200.00%20442.96%2021.69%20L%20361.48%20499.31%20Q%20357.78%20521.00%20335.78%20521.00%20L%2022.00%20521.00%20Q%200.00%20521.00%203.70%20499.31%20L%2085.18%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:446.66/521!important;height:auto!important;max-height:none!important}
  /* у карточек стены нет собственного нижнего отступа: он добавлял лишние
     11 пикселей и правая колонка переставала укладываться в высоту ряда */
  .s-services-wall .service-wall-item{padding-bottom:0!important}
  /* обе карточки правой колонки одной высоты и не тянутся флексом: так строки
     сетки делятся поровну и подписи встают на линию с подписями соседей */
  .s-services-wall .service-wall-item--small .service-wall-item__stage{
    flex:0 0 auto!important;min-height:0!important;max-height:none!important}
  .s-services-wall .service-wall-item:nth-child(3) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20428.5%20229%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2095.88%2012.42%20Q%2098.00%200.00%20110.59%200.00%20L%20415.90%200.00%20Q%20428.50%200.00%20428.50%2012.60%20L%20428.50%20216.41%20Q%20428.50%20229.00%20415.90%20229.00%20L%2071.53%20229.00%20Q%2058.93%20229.00%2061.05%20216.58%20L%2095.88%2012.42%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20428.5%20229%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2095.88%2012.42%20Q%2098.00%200.00%20110.59%200.00%20L%20415.90%200.00%20Q%20428.50%200.00%20428.50%2012.60%20L%20428.50%20216.41%20Q%20428.50%20229.00%20415.90%20229.00%20L%2071.53%20229.00%20Q%2058.93%20229.00%2061.05%20216.58%20L%2095.88%2012.42%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:428.5/229!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item:nth-child(4) .service-wall-item__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20428.5%20229%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2046.07%2012.42%20Q%2048.18%200.00%2060.78%200.00%20L%20415.90%200.00%20Q%20428.50%200.00%20428.50%2012.60%20L%20428.50%20216.41%20Q%20428.50%20229.00%20415.90%20229.00%20L%2021.71%20229.00%20Q%209.12%20229.00%2011.24%20216.58%20L%2046.07%2012.42%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20428.5%20229%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2046.07%2012.42%20Q%2048.18%200.00%2060.78%200.00%20L%20415.90%200.00%20Q%20428.50%200.00%20428.50%2012.60%20L%20428.50%20216.41%20Q%20428.50%20229.00%20415.90%20229.00%20L%2021.71%20229.00%20Q%209.12%20229.00%2011.24%20216.58%20L%2046.07%2012.42%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:428.5/229!important;height:auto!important;max-height:none!important}
  /* подпись встаёт под нижний левый угол своего кадра - так же, как у
     соседних колонок; кадры правой колонки выступают влево под шов, поэтому
     подписи уходят влево ровно на величину этого выступа */
  .s-services-wall .service-wall-item:nth-child(3) .service-wall-item__bottom{
    padding-left:0!important;margin-left:-11.148%!important}
  .s-services-wall .service-wall-item:nth-child(4) .service-wall-item__bottom{
    padding-left:0!important;margin-left:-26.130%!important}
  /* строки сетки делятся неровно, поэтому верхнюю карточку правой колонки
     держим у верха ряда, а нижнюю - у низа: тогда кадры упираются в кромки
     ряда, а подписи встают на линию с подписями соседних колонок */
  .s-services-wall .service-wall-item--small:nth-child(3){justify-content:flex-start!important}
  .s-services-wall .service-wall-item--small:nth-child(4){justify-content:flex-end!important}
  /* нижний ряд: те же швы, выступ считается от его высоты */
  .s-services-wall .service-wall-item:nth-child(5) .service-wall-item__stage{
    margin-right:-19.299%!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20532.86%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20510.86%200.00%20Q%20532.86%200.00%20529.16%2021.69%20L%20448.36%20495.31%20Q%20444.66%20517.00%20422.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%200.00%20495.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20532.86%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.00%2022.00%20Q%200.00%200.00%2022.00%200.00%20L%20510.86%200.00%20Q%20532.86%200.00%20529.16%2021.69%20L%20448.36%20495.31%20Q%20444.66%20517.00%20422.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%200.00%20495.00%20L%200.00%2022.00%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:532.86/517!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item:nth-child(6) .service-wall-item__stage{
    margin-right:-19.299%!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20532.86%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2084.50%2021.69%20Q%2088.20%200.00%20110.20%200.00%20L%20510.86%200.00%20Q%20532.86%200.00%20529.16%2021.69%20L%20448.36%20495.31%20Q%20444.66%20517.00%20422.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%203.70%20495.31%20L%2084.50%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20532.86%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2084.50%2021.69%20Q%2088.20%200.00%20110.20%200.00%20L%20510.86%200.00%20Q%20532.86%200.00%20529.16%2021.69%20L%20448.36%20495.31%20Q%20444.66%20517.00%20422.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%203.70%20495.31%20L%2084.50%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:532.86/517!important;height:auto!important;max-height:none!important}
  .s-services-wall .service-wall-item:nth-child(7) .service-wall-item__stage{
    margin-right:0!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20446.66%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2084.50%2021.69%20Q%2088.20%200.00%20110.20%200.00%20L%20424.66%200.00%20Q%20446.66%200.00%20446.66%2022.00%20L%20446.66%20495.00%20Q%20446.66%20517.00%20424.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%203.70%20495.31%20L%2084.50%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20446.66%20517%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2084.50%2021.69%20Q%2088.20%200.00%20110.20%200.00%20L%20424.66%200.00%20Q%20446.66%200.00%20446.66%2022.00%20L%20446.66%20495.00%20Q%20446.66%20517.00%20424.66%20517.00%20L%2022.00%20517.00%20Q%200.00%20517.00%203.70%20495.31%20L%2084.50%2021.69%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:446.66/517!important;height:auto!important;max-height:none!important}
}

/* ck-hero-sub */
/* Подпись первого экрана видна целиком: зона не меньше двух строк
   (2 x 1.45em), длиннее - растёт; хвосты букв больше не срезаются.
   Кнопка на ~5 мм (19px) ниже прежнего. */
.intro-slider-wrap .intro .intro__descr,
section.intro:not(.intro--legal) .intro__descr{
  height:auto!important;min-height:max(2.9em,var(--ck-sub));max-height:none!important;-webkit-line-clamp:5}
.intro-slider-wrap .intro .intro__bottom,
section.intro:not(.intro--legal) .intro__bottom{margin-top:calc(var(--ck-gap2) + 19px)!important}
/* Низкие окна ноутбуков (меньше 780px по высоте): иначе кнопка ложится
   на полосу фактов. Текст ближе к шапке, добавка к отступу кнопки меньше. */
@media (min-width:901px) and (max-height:779px){
 .intro-slider-wrap .intro>.container,
 section.intro:not(.intro--legal)>.container{padding-top:max(168px,calc(214px - max(0px,760px - 100vh) * .65))!important}
 .intro-slider-wrap .intro .intro__bottom,
 section.intro:not(.intro--legal) .intro__bottom{margin-top:calc(var(--ck-gap2) + max(0px,19px - max(0px,700px - 100vh) * .5))!important}
}

/* ck-hero-cta */
/* Декоративный слой первого экрана лежал поверх кнопки «Заказать праздник»
   и забирал клик: форма заявки не открывалась. */
.intro::before,.intro::after,
.intro-slider-wrap .intro::before,.intro-slider-wrap .intro::after{pointer-events:none!important}

/* Абзац перед списком в статье: в старой вёрстке список стоял внутри абзаца,
   в редакторе это отдельные элементы — убираем двойной отступ между ними. */
.ck-article__body .ck-art-p:has(+ ul), .ck-article__body .ck-art-p:has(+ ol){margin-bottom:0}

/* Текст и пиктограмма — одна кнопка с общим фоном и внешним скруглением. */
.btn-double {
  background: var(--btn-bg, var(--salat));
  border-radius: 10px;
  overflow: clip;
  transition: scale .1s ease, background .3s ease;
}
.btn-double > .btn {
  background: transparent;
  border-radius: 0;
}
.btn-double > figure {
  border-radius: 0;
}
.btn-double > figure::before,
.btn-double > figure::after,
.btn-double > .btn::before,
.btn-double > .btn::after,
.btn-double > .btn > .btn__line {
  display: none;
}
.btn-double:hover > figure {
  filter: none;
}
.btn-double:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 1024px) {
  .btn-double--mini { border-radius: 8px; }
}
@media (max-width: 680px) {
  .btn-double { border-radius: 8px; }
}

/* Карточки квестов без слайдера (.ck-free): кадр лежит в .concert-preview__stage,
   а скругление в теме задано только слайдеру — такие карточки стояли с прямыми
   углами рядом со скруглёнными. Радиус тот же, что у слайдера. */
.concert-preview__stage {
  border-radius: var(--br-25);
  overflow: hidden;
}

/* Ключ у названий карточек на телефоне (сетка /animatory, слайдер локаций,
   карточки квестов .concert-preview на /kvesty и /minsk):
   одно место у всех карточек — у правого края, на уровне первой строки названия.
   Страничный стиль T10 ставит ключ строкой за последним словом (через anchor());
   на iOS он налезал на текст и у каждой карточки стоял по-своему. Селекторы с
   body и !important — чтобы перекрыть страничные <style>, которые идут после темы. */
@media (max-width: 680px) {
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    position: static;
    padding-right: 0 !important;
    font-size: inherit !important;
    white-space: normal !important;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) > [class*="__text"] {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    font-size: inherit !important;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) [class*="__title"] {
    display: block !important;
    white-space: normal;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) [class*="__title"]::after {
    content: none !important;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) [class*="__title"] div {
    display: block !important;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) [class*="__title"] div::before {
    content: none !important;
  }
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) [class*="__descr"] {
    float: none !important;
    width: auto !important;
    max-width: none;
    padding-right: 0 !important;
  }
  /* position остаётся relative: картинка ключа — это ::after с position:absolute
     внутри .btn-arrow. Смещения anchor() из T10 обнуляем. */
  body :is(.anim-preview__bottom, .concert-preview__bottom):has(> .btn-arrow) > .btn-arrow.btn-arrow {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex-shrink: 0;
    /* ключ по центру первой строки названия: (высота строки - ключ) / 2 */
    margin: calc((18px - max(25px, 5rem)) / 2) 0 0 !important;
  }
  body .home-anims-slider .anim-preview__bottom:has(> .btn-arrow) > .btn-arrow.btn-arrow {
    margin-top: calc((30px - max(25px, 5rem)) / 2) !important;
  }
}