/* МУВМЕНТ — блок «Фильм» (макеты деск 5 / моб 5 / моб 53x). Размеры в --u: 1/100 ширины кадра 16:9 (на 1920 px — 19,2 px).
   На ультрашироком кадр 16:9 стоит по центру (размер по высоте), лента уходит до краёв экрана. */
.fl{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  --u:min(1vw,1.7778vh);--F:calc(100*var(--u));--X:calc((100% - var(--F)) / 2);
  min-height:calc(61*var(--u));padding-bottom:calc(5*var(--u));
  background:#060500}
@media (max-height:500px) and (orientation:landscape){.fl{--u:1vw}}
.fl__bg{position:absolute;inset:-32px -24px;z-index:0;pointer-events:none;will-change:transform}
.fl__base{position:absolute;inset:0;background:linear-gradient(#4c0314 0,#4c0314 32px,#45031a calc(32px + 4*var(--u)),#330310 calc(32px + 10*var(--u)),#1c030a calc(32px + 16*var(--u)),#0b0402 calc(32px + 23*var(--u)),#060500 calc(32px + 30*var(--u)),#060500 100%)}
.fl__base::after{content:"";position:absolute;inset:0;background:var(--dither) 0 0/128px 128px;opacity:.05;-webkit-mask-image:linear-gradient(#000 0,#000 40%,transparent 60%);mask-image:linear-gradient(#000 0,#000 40%,transparent 60%)}
.fl canvas.fl__c{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
.fl__soft,.fl__fine,.fl__flash{-webkit-mask-image:linear-gradient(transparent 32px,#000 calc(32px + 20vh));mask-image:linear-gradient(transparent 32px,#000 calc(32px + 20vh))}   /* свет и плёнка не обрываются о верхний край блока */
.fl__soft,.fl__fine,.fl__over{mix-blend-mode:screen}
.fl__grain{position:absolute;inset:0;mix-blend-mode:screen;background-size:256px 256px;image-rendering:pixelated;opacity:0;
  -webkit-mask-image:linear-gradient(transparent 32px,#000 calc(32px + 28vh));mask-image:linear-gradient(transparent 32px,#000 calc(32px + 28vh))}   /* своё зерно фильма нарастает вместе с затиханием общего */
.fl__vig{position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 52%,rgba(0,0,0,0) 45%,rgba(0,0,0,.85) 100%);-webkit-mask-image:linear-gradient(transparent 0,transparent 32px,#000 calc(32px + 40vh));mask-image:linear-gradient(transparent 0,transparent 32px,#000 calc(32px + 40vh))}   /* виньетка не темнит верх фильма — иначе на стыке с блоком 3 ступенька */
.fl__flash{position:absolute;inset:0;background:#fff5ee;opacity:0;mix-blend-mode:screen}
.fl__over{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4;pointer-events:none}

.fl__in{position:relative;z-index:2;height:calc(61*var(--u));min-height:inherit}
.fl__line{position:absolute;left:calc(var(--X) + 18.65*var(--u));right:calc(var(--X) + 18.65*var(--u));top:calc(2.86*var(--u));height:max(2px,calc(.12*var(--u)));background:#fff}
.fl__logo{position:absolute;left:50%;top:calc(6.4*var(--u));width:calc(22.3*var(--u));transform:translateX(-50%)}
.fl__logo img{display:block;width:100%;height:auto}
.fl__h{position:absolute;left:50%;top:calc(16.3*var(--u));transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(1.1*var(--u));
  font-family:var(--font);font-size:calc(2.6*var(--u));line-height:1;white-space:nowrap}
.fl__h i{display:block;width:calc(7.5*var(--u));height:max(2px,calc(.12*var(--u)));background:#fff}
.fl__h button{all:unset;cursor:default}
.fl__about{position:absolute;right:calc(var(--X) + 18.75*var(--u));top:calc(9.07*var(--u));height:calc(3.7*var(--u));padding:0 calc(1.2*var(--u));
  display:flex;align-items:center;background:#fff;color:var(--red);border:0;font:inherit;font-family:var(--font);font-size:calc(1.6*var(--u));line-height:1;cursor:pointer;
  transition:box-shadow .45s ease,transform .15s ease}
.fl__about:active{transform:scale(.96)}
.fl__follow:active{transform:translateX(-50%) scale(.96)}
.fl__about span{border-bottom:max(3px,calc(.2*var(--u))) dashed var(--red);padding-bottom:calc(.18*var(--u))}
@media (hover:hover){.fl__about:hover{box-shadow:0 0 26px rgba(255,255,255,.8),0 0 70px rgba(255,255,255,.35)}
.fl__about:hover span{border-bottom-style:solid}}
.fl__links{position:absolute;left:calc(var(--X) + 18.75*var(--u));top:calc(9.07*var(--u));height:calc(3.7*var(--u));display:flex;flex-direction:column;justify-content:center;gap:calc(.45*var(--u));
  font-family:var(--font);font-size:calc(1.45*var(--u));line-height:1}
.fl__links b{font-weight:400;opacity:.55;letter-spacing:.04em}
.fl__links div{display:flex;gap:calc(1*var(--u))}
.fl a.lk{color:#fff;text-decoration:none;border-bottom:max(2px,calc(.14*var(--u))) dashed rgba(255,255,255,.75);padding-bottom:calc(.12*var(--u));transition:color .25s,border-color .25s}
@media (hover:hover){.fl a.lk:hover{border-bottom-style:solid;border-color:#fff}}

.fl__toc{position:absolute;left:50%;transform:translateX(-50%);top:calc(19.7*var(--u));display:flex;gap:calc(1.7*var(--u));
  font-family:var(--font);font-size:calc(1.55*var(--u));line-height:1;white-space:nowrap}
.fl__toc button{all:unset;cursor:pointer;justify-self:center;width:max-content;color:rgba(255,255,255,.62);border-bottom:max(2px,calc(.16*var(--u))) dashed rgba(255,255,255,.35);padding-bottom:calc(.14*var(--u));transition:color .3s,border-color .3s}
.fl__toc button.on{color:var(--red);border-color:var(--red)}
@media (hover:hover){.fl__toc button:hover{color:var(--red);border-color:var(--red)}}   /* 22.10: на телефоне наведение «залипало» после касания — две красные серии */
.fl__toc button:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* лента: выезжает справа, когда блок дошёл до экрана (.arrived) */
.fl.arrived .fl__row{transform:none;opacity:1}
.fl__rib{position:absolute;left:0;right:0;top:calc(25*var(--u));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y}
.fl__rib::-webkit-scrollbar{display:none}
.fl__rib.drag{cursor:grabbing}
.fl__row{transform:translateX(70vw);opacity:0;transition:transform 2.9s cubic-bezier(.22,.7,.18,1) .35s,opacity 1.8s ease .35s;display:flex;gap:calc(1.1*var(--u));padding:0 calc(var(--X) + 18.65*var(--u)) calc(1*var(--u)) calc(var(--X) + 22.3*var(--u));width:max-content}
.fc{--cw:calc(11.07*var(--u));position:relative;flex:none;width:calc(11.07*var(--u));user-select:none;-webkit-user-select:none}
.fc__v{position:relative;display:block;width:100%;aspect-ratio:9/16;background:#0b0808;overflow:hidden;cursor:pointer;border:0;padding:0;font:inherit;color:inherit;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.fc:hover .fc__v{transform:scale(1.02)}}
.fc__v:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fc video.lp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:none}
.fc video:not(.lp){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;background:transparent}
.fc.pv video:not(.lp){opacity:1}
.fc__ov{position:absolute;inset:0;pointer-events:none;font-family:var(--font);opacity:0;transition:opacity 1.1s ease;--cw:calc(11.07*var(--u))}
.fc.show .fc__ov{opacity:1}
.fc__rn{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;line-height:1;font-size:calc(var(--cw)*.42);color:rgba(255,245,240,.92);text-shadow:0 0 calc(var(--cw)*.08) rgba(255,0,73,.55)}
.fc.red .fc__rn{color:var(--red);text-shadow:0 0 calc(var(--cw)*.06) rgba(255,255,255,.35)}
.fc__sk{position:absolute;bottom:7%;left:0;right:0;text-align:center;font-size:calc(var(--cw)*.09);letter-spacing:.2em;color:var(--red);line-height:1}
.fc__t{display:block;width:100%;height:calc(3.5*var(--u));margin-top:calc(1.5*var(--u));object-fit:contain;object-position:50% 50%;pointer-events:none}
.fc__play{--pb:max(64px,calc(var(--cw)*.46));position:absolute;left:50%;top:50%;width:var(--pb);height:var(--pb);margin:calc(var(--pb) / -2) 0 0 calc(var(--pb) / -2);border-radius:50%;background:#fff;
  box-shadow:0 0 calc(var(--cw)*.12) rgba(255,255,255,.5);opacity:0;transform:scale(.85);transition:opacity .6s ease .25s,transform .6s cubic-bezier(.2,.7,.2,1) .25s;pointer-events:none}
.fc__play i{position:absolute;left:56%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:calc(var(--pb)*.19) 0 calc(var(--pb)*.19) calc(var(--pb)*.3);border-color:transparent transparent transparent var(--red)}
.fc.armed .fc__play{opacity:1;transform:scale(1)}
.fc.armed .fc__ov{opacity:0}
.fc.shake .fc__v{animation:fcShake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes fcShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}
.fl.nogl .fc__ov{opacity:1}
/* края ленты уходят в размытие (как фото в блоке 3) */
.fl__blur{position:absolute;top:calc(18.4*var(--u));height:calc(31*var(--u));pointer-events:none;z-index:3}
.fl__blur.l{left:0;width:calc(var(--X) + 21.2*var(--u))}
.fl__blur.r{right:0;width:calc(var(--X) + 15*var(--u))}
@media (pointer:coarse){.fl__blur{display:none}.fl__over{display:none}}   /* телефон/планшет: без живого размытия по краям ленты и без слоя света поверх карточек — карточки к краям просто гаснут (маска ленты) */
.fl__blur i{position:absolute;inset:0;backdrop-filter:blur(var(--b));-webkit-backdrop-filter:blur(var(--b))}
.fl__blur i{--v:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.fl__blur.l i{-webkit-mask-image:linear-gradient(270deg,transparent var(--a),#000 var(--z)),var(--v);mask-image:linear-gradient(270deg,transparent var(--a),#000 var(--z)),var(--v)}
.fl__blur.r i{-webkit-mask-image:linear-gradient(90deg,transparent var(--a),#000 var(--z)),var(--v);mask-image:linear-gradient(90deg,transparent var(--a),#000 var(--z)),var(--v)}
.fl__blur i{-webkit-mask-composite:source-in;mask-composite:intersect}
.fl__blur i:nth-child(1){--b:2px;--a:0%;--z:45%}.fl__blur i:nth-child(2){--b:6px;--a:30%;--z:75%}.fl__blur i:nth-child(3){--b:14px;--a:60%;--z:100%}
/* карточки к краям ещё и гаснут — прозрачностью, без тёмных прямоугольников */
.fl__rib{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,#000 calc(var(--X) + 21.6*var(--u)),#000 calc(100% - var(--X) - 16*var(--u)),rgba(0,0,0,.25) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,#000 calc(var(--X) + 21.6*var(--u)),#000 calc(100% - var(--X) - 16*var(--u)),rgba(0,0,0,.25) 100%)}
@media (orientation:portrait){.fl__rib{-webkit-mask-image:none;mask-image:none}}

.fl__follow{position:absolute;left:50%;top:calc(53.8*var(--u));transform:translateX(-50%);display:inline-flex;align-items:center;height:calc(3.9*var(--u));padding:.14em calc(2*var(--u)) 0;
  background:var(--red);color:#fff;text-decoration:none;font-family:var(--font);font-size:calc(1.9*var(--u));line-height:1;white-space:nowrap;
  box-shadow:0 0 0 rgba(255,0,73,0);transition:box-shadow .45s ease,transform .15s ease}
@media (hover:hover){.fl__follow:hover{box-shadow:0 0 26px rgba(255,0,73,.95),0 0 70px rgba(255,0,73,.5)}}

/* ---------- телефон и планшет вертикально (моб 5 / 53x): --m = 1/390 ширины кадра ---------- */
@media (orientation:portrait){
  .fl{--m:min(calc(100vw / 390),calc(100svh / 780));--F:calc(390*var(--m));--X:calc((100% - var(--F)) / 2);min-height:0;padding-bottom:calc(84*var(--m))}
  .fl__base{background:linear-gradient(#4c0314 0,#4c0314 32px,#45031a calc(32px + 40*var(--m)),#330310 calc(32px + 100*var(--m)),#1c030a calc(32px + 160*var(--m)),#0b0402 calc(32px + 230*var(--m)),#060500 calc(32px + 300*var(--m)),#060500 100%)}   /* телефон: тот же плавный уход, что на десктопе */
  .fl__in{height:auto;padding-top:calc(42*var(--m))}
  .fl__line{display:none}
  .fl__logo{position:relative;left:auto;top:auto;transform:none;width:calc(288*var(--m));margin:0 auto}
  .fl__links{position:relative;left:auto;top:auto;height:auto;flex-direction:row;justify-content:center;gap:calc(12*var(--m));margin-top:calc(16*var(--m));font-size:calc(19*var(--m))}
  .fl__links b{display:none}
  .fl__links div{gap:calc(24*var(--m))}
  .fl__h{position:relative;left:auto;top:auto;transform:none;justify-content:center;margin-top:calc(32*var(--m));gap:calc(20*var(--m));font-size:calc(43*var(--m))}   /* 22.10: дальше от ссылок (было 18) */
  .fl__h i{flex:1;width:auto;height:2px}
  .fl__h button{cursor:pointer;border-bottom:4px dashed rgba(255,255,255,.85);padding-bottom:calc(5*var(--m))}
  .fl__about{display:none}
  .fl__follow:active{transform:scale(.96)}
  .fl__toc{position:relative;left:auto;top:auto;transform:none;display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;row-gap:calc(14*var(--m));column-gap:0;
    margin:calc(44*var(--m)) calc(var(--X) + 12*var(--m)) 0;font-size:calc(18.5*var(--m))}   /* 22.10: дальше от «Фильм» (было 28) */
  .fl__toc button{color:#fff;border-bottom-color:rgba(255,255,255,.75)}
  .fl__toc button:nth-child(6){grid-column:1}
  .fl__rib{position:relative;top:auto;margin-top:calc(34*var(--m))}
  .fl__row{gap:calc(13.4*var(--m));padding:0 calc(var(--X) + 20.6*var(--m)) calc(4*var(--m))}
  .fc{width:calc(137*var(--m))}
  .fc,.fc__ov{--cw:calc(137*var(--m))}
  .fc__t{height:calc(40*var(--m));margin-top:calc(16*var(--m))}
  .fl__blur{display:none}
  .fl__follow{position:relative;left:auto;top:auto;transform:none;display:flex;justify-content:center;width:calc(321*var(--m));height:calc(54*var(--m));margin:calc(50*var(--m)) auto 0;padding:0;font-size:calc(22*var(--m))}   /* 22.10: ниже (было 34) */    /* 22.10: текст как у «Привезти МУВМЕНТ» */
}

/* ---------- просмотр фильма ---------- */
.fp{position:fixed;inset:0;z-index:120;display:none;color:#fff}
.fp.on{display:block}
.fp__dark{position:absolute;inset:0;background:#000;opacity:0}
.fp__vig{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 10%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 64%,rgba(0,0,0,.9) 90%,#000 100%),radial-gradient(ellipse 55% 80% at 50% 50%,rgba(0,0,0,0) 35%,#000 100%)}
.fp__box{position:absolute;background:#000;overflow:hidden;touch-action:none}
.fp__trk{position:absolute;inset:0;will-change:transform}
.fp__sl{position:absolute;left:0;right:0;height:100%;overflow:hidden;background:#000}
.fp__sl img.po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .9s ease}
.fp__sl iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .8s ease}
.fp__sl.ready iframe{opacity:1}
.fp__sl.ready img.po{opacity:0}
.fp__it{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font);font-size:min(7vh,11vw);white-space:nowrap;opacity:0;transition:opacity .45s;pointer-events:none}
.fp__it span{color:var(--red)}
.fp__peek{position:absolute;left:0;right:0;top:0;padding-top:4%;text-align:center;font-family:var(--font);font-size:min(4.4vh,7vw);line-height:1;pointer-events:none;text-shadow:0 2px 12px #000}
.fp__peek span{color:var(--red)}
.fp__end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;padding:8%;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 45%,#2a0612 0%,#000 75%)}
.fp__end p{font-family:var(--font);font-size:min(4.6vh,8.6vw);line-height:1.05}
.fp__end p span{color:var(--red)}
.fp__end a{display:inline-flex;align-items:center;justify-content:center;min-height:min(7vh,13vw);padding:0 min(3vh,5vw);background:var(--red);color:#fff;text-decoration:none;font-family:var(--font);font-size:min(2.5vh,4.6vw);line-height:1}
.fp__x{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:3;width:clamp(48px,3.6vw,72px);height:clamp(48px,3.6vw,72px);border:0;background:none;color:#fff;font-size:clamp(30px,2.1vw,44px);line-height:1;cursor:pointer;opacity:0;transition:opacity .6s;text-shadow:0 1px 6px #000}
.fp__bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  height:calc(clamp(64px,5.2vw,104px) + env(safe-area-inset-bottom));font-family:var(--font);font-size:clamp(15px,1.3vw,27px);line-height:1;opacity:0;transition:opacity .6s}   /* 22.10: на компьютере крупнее (было 15px) */
.fp__cnt{letter-spacing:.08em;white-space:nowrap}
.fp__lk{display:flex;gap:clamp(14px,1.3vw,28px);flex-wrap:wrap;justify-content:flex-end}
.fp__lk a{color:#fff;text-decoration:none;border-bottom:2px dashed rgba(255,255,255,.7);padding-bottom:2px}
@media (hover:hover){.fp__lk a:hover{color:var(--red);border-color:var(--red)}}
.fp__hint{position:absolute;left:50%;bottom:calc(68px + env(safe-area-inset-bottom));transform:translateX(-50%);font-size:clamp(16px,1.15vw,22px);letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .6s;font-family:var(--font);white-space:nowrap;pointer-events:none}
.fp.ready .fp__x,.fp.ready .fp__bar{opacity:.92}
.fp.ready .fp__hint{animation:fpHint 5.5s ease .4s both}
@keyframes fpHint{0%{opacity:0}12%{opacity:.85}70%{opacity:.85}100%{opacity:0}}
html.fp-lock{overflow:hidden}

/* «О фильме» */
.fa{position:fixed;inset:0;z-index:118;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.fa.on{opacity:1;visibility:visible;transition:opacity .4s}
.fa__w{position:relative;width:min(720px,100%);max-height:calc(100% - 20px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#111;padding:clamp(22px,4vw,48px);transform:translateY(14px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fa.on .fa__w{transform:none}
.fa__w h3{font-family:var(--font);font-weight:400;color:var(--red);font-size:clamp(28px,3vw,44px);line-height:1;margin-bottom:.7em}
.fa__w p{font-family:"Source Code Variable",ui-monospace,monospace;font-size:clamp(14px,1.05vw,17px);line-height:1.55;margin-bottom:1em}
.fa__cr{margin-top:1.6em;border-top:2px dashed rgba(255,0,73,.6);padding-top:1.2em}
.fa__cr p{margin-bottom:1.1em}
.fa__cr b{display:block;font-family:var(--font);font-weight:400;font-size:clamp(30px,2.6vw,46px);line-height:1;color:#111;margin-top:.25em}
.fa__x{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:none;color:var(--red);font-size:30px;line-height:1;cursor:pointer}
@media (prefers-reduced-motion:reduce){.fc__v,.fc video,.fc__ov,.fa,.fa__w,.fl__row{transition:none}.fl__row{transform:none;opacity:1}}
.fp__x:focus-visible,.fa__x:focus-visible{outline:2px solid currentColor;outline-offset:-4px}

/* 22.10: горизонтальный телефон — «Следить за выходом серий» крупнее, как кнопки блока 3 */
@media (orientation:landscape) and (max-height:500px){.fl__follow{font-size:calc(2.35*var(--u));height:calc(5.3*var(--u));padding-left:calc(2.4*var(--u));padding-right:calc(2.4*var(--u))}}

/* 22.10: телефон — облегчённый фон фильма. Наложение «экраном» и маски заставляли iPhone пересчитывать весь блок вместе с видео 15 раз в секунду
   (тормоза, нагрев, вылеты вкладки). Свет белый — без «экрана» выглядит так же; верхний край затухает прямо в холсте. */
@media (pointer:coarse){
  .fl{isolation:auto}
  .fl__bg{will-change:auto}
  .fl__soft,.fl__fine,.fl__over{mix-blend-mode:normal}
  .fl__soft,.fl__fine,.fl__flash{-webkit-mask-image:none;mask-image:none}
  .fl__grain,.fl__flash{display:none}
}

/* 22.10: телефон — стрелка ↗ у «ФИЛЬМ»: подсказка, что слово нажимается (открывает «О фильме») */
@media (orientation:portrait){
  .fl__h{gap:calc(30*var(--m))}   /* по центру — само слово; линии на равном расстоянии от слова, стрелка — в правом зазоре */
  .fl__h button{position:relative}
  .fl__h i:first-child{margin-right:calc(-8*var(--m))}
  .fl__toc button,.fl__h button,.fl__links a{filter:drop-shadow(0 0 5px rgba(0,0,0,.75)) drop-shadow(0 0 14px rgba(0,0,0,.45))}   /* 22.10: на X серии луч очень яркий — мягкая тень держит белые надписи читаемыми */   /* 22.10: левая линия чуть ближе к слову — справа зазор зрительно занят стрелкой */
  .fl__h button::after{content:"";position:absolute;left:calc(100% + .12em);top:.02em;width:.4em;height:.4em;background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 8L8 2M3.2 2H8v4.8' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 8L8 2M3.2 2H8v4.8' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat}
}

/* 22.10: телефон вертикально — ссылки ТГ/ВК/REELS/YOUTUBE над словом МУВМЕНТ (меньше кнопок в одном месте) */
@media (orientation:portrait){
  .fl__in{display:flex;flex-direction:column}
  .fl__links{order:-1;margin-top:0}
  .fl__logo{margin-top:calc(26*var(--m))}
  /* зоны касания крупнее (ревью 22.10): невидимое расширение, вид не меняется */
  .fl a.lk,.fl__toc button{position:relative}
  .fl a.lk::before{content:"";position:absolute;inset:-12px -10px}
  .fl__toc button::before{content:"";position:absolute;inset:calc(-6*var(--m)) calc(-5*var(--m))}
}

/* 22.10: «Не включается?» — справа над ссылками на площадки (не на плеере ВК); ссылки в этот момент мягко светятся */
.fp__help{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(clamp(64px,5.2vw,104px) + env(safe-area-inset-bottom) - .4em);z-index:2;
  font-family:var(--font);font-size:clamp(13px,1vw,21px);line-height:1;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.fp__help.on{opacity:.8}
.fp__lk a{transition:color .25s,border-color .25s,filter 1.2s ease}
.fp.help .fp__lk a{filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) drop-shadow(0 0 22px rgba(255,255,255,.45));border-bottom-color:#fff}
.fp__lk a{position:relative}
.fp__lk a::before{content:"";position:absolute;inset:-12px -8px}