/* ---------- блок ---------- */
.ab{position:relative;height:var(--bhv,var(--bh,100vh));overflow:hidden;background:#dedde2;--u:1px;touch-action:pan-y}
.ab__bg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.ab__c{position:absolute;left:var(--ox,0);top:var(--oy,0);width:calc(var(--u)*2000);height:calc(var(--u)*1049)}
.ab__name,.ab__sub,.ab__tab{font-family:Fatal,"Arial Narrow",sans-serif;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap;margin:0}
.ab__name{position:absolute;color:var(--red);left:calc(var(--u)*925.2);top:calc(var(--u)*124.7);font-size:calc(var(--u)*108.5)}
.ab__name br{display:none}
.ab__sub{position:absolute;color:#000;left:calc(var(--u)*927.8);top:calc(var(--u)*235.85);font-size:calc(var(--u)*42.5)}
.ab__tabs{position:absolute;left:calc(var(--u)*927);top:calc(var(--u)*318);display:flex;gap:calc(var(--u)*30)}
.ab__tab{position:relative;display:block;border:0;cursor:pointer;background:#fff;color:var(--red);
  height:auto;padding:calc(var(--u)*21.4) calc(var(--u)*23.6) calc(var(--u)*14.6);font-size:calc(var(--u)*37.6);
  transition:background-color .35s ease,color .35s ease,box-shadow .45s ease}
.ab__tab::after{content:"";position:absolute;left:calc(var(--u)*23.6);right:calc(var(--u)*23.6);top:calc(var(--u)*55.2);height:calc(var(--u)*3.2);
  background:linear-gradient(90deg,currentColor 0 47%,transparent 47% 100%) 0 0/calc(var(--u)*7.6) 100% repeat-x;transition:opacity .3s}
.ab__tab::before{content:"";position:absolute;left:calc(var(--u)*23.6);right:calc(var(--u)*23.6);top:calc(var(--u)*55.2);height:calc(var(--u)*3.2);
  background:currentColor;opacity:0;transition:opacity .3s}
.ab__tab.on{background:var(--red);color:#fff;cursor:default}
@media (hover:hover){.ab__tab:not(.on):hover{box-shadow:0 0 22px 2px rgba(255,255,255,.95),0 0 60px 8px rgba(255,255,255,.6)}.ab__tab:not(.on):hover::before{opacity:1}.ab__tab:not(.on):hover::after{opacity:0}}
.ab__tab:focus-visible{outline:2px solid #000;outline-offset:3px}
.ab__txt{position:absolute;left:calc(var(--u)*927);top:calc(var(--u)*433.8);width:calc(var(--u)*700);display:grid}
.ab__pane{grid-area:1/1;align-self:start;font-family:"Source Code Variable",ui-monospace,monospace;font-weight:450;color:#000;
  font-size:calc(var(--u)*17.4);line-height:calc(var(--u)*25);transition:opacity .3s ease,visibility 0s .3s;opacity:0;visibility:hidden}
/* смена вкладки: старый текст сначала уходит, новый появляется после — тексты не наслаиваются */
.ab__pane.on{opacity:1;visibility:visible;transition:opacity .5s ease .32s,visibility 0s .32s}
.ab.ab--anim{transition:height .7s cubic-bezier(.4,0,.2,1)}
.ab__pane p{margin:0 0 calc(var(--u)*17.5)}
.ab__pane p:last-child{margin-bottom:0}
.ab__soon{opacity:.55}

/* ---------- телефон / планшет вертикально ---------- */
.ab.is-m .ab__c{width:calc(var(--u)*390);height:var(--bh)}
.ab.is-m .ab__name{left:auto;right:calc(var(--u)*19);top:calc(var(--u)*74.65);font-size:calc(var(--u)*51.6);line-height:calc(var(--u)*47.6);text-align:right}
.ab.is-m .ab__name br{display:inline}
.ab.is-m .ab__sub{left:auto;right:calc(var(--u)*19.9);top:calc(var(--u)*173.6);font-size:calc(var(--u)*26.4)}
.ab.is-m .ab__tabs{left:auto;right:calc(var(--u)*20);top:calc(var(--u)*223.2);gap:calc(var(--u)*22.3)}
.ab.is-m .ab__tab{height:auto;padding:calc(var(--u)*14.6) calc(var(--u)*10.95) calc(var(--u)*10.4);font-size:calc(var(--u)*26)}
.ab.is-m .ab__tab::after,.ab.is-m .ab__tab::before{left:calc(var(--u)*10.95);right:calc(var(--u)*10.95);top:calc(var(--u)*39.9);height:max(1px,calc(var(--u)*1));
  background-size:calc(var(--u)*6.2) 100%}
.ab.is-m .ab__tab::before{background:currentColor}
.ab.is-m .ab__txt{left:calc(var(--u)*20);top:calc(var(--u)*297.5);width:calc(var(--u)*350)}
.ab.is-m .ab__pane{font-size:calc(var(--u)*11.6);line-height:calc(var(--u)*20);font-weight:500}
.ab.is-m .ab__pane p{margin:0 0 calc(var(--u)*9)}
.ab.is-m .ab__pane p:last-child{margin-bottom:0}