/* ФАБУЛА · Сигналы. Эталон: доски Signals (1440), SignalsM и SignalsM2 (390).
   Шире 1280 — раскладка десктопа, 1101–1280 — сжатый десктоп, 721–1100 — столбцы в один, до 720 — телефон. */

.s-sec{padding-top:110px}
.s-head{display:grid;grid-template-columns:620px minmax(0,1fr);gap:60px;align-items:end}
.s-head>p{max-width:560px}
.kick{margin:0;font-size:13px;color:var(--ink-caption)}
.lead.mut{color:var(--ink-muted)}
.m-br{display:none}

/* первый экран: текст слева, лесенка чисел справа */
.s-hero{position:relative;height:760px;padding-top:90px}
.s-hero-t{width:640px;display:flex;flex-direction:column;gap:26px}
.s-hero-t .lead{max-width:560px}
.s-hero-t>a{align-self:flex-start}
.s-ladder{position:absolute;inset:0 var(--pad);pointer-events:none}
.s-ladder>div{position:absolute;display:flex;flex-direction:column;gap:10px;pointer-events:auto}
.s-ladder>div:nth-child(1){right:200px;top:130px;width:340px}
.s-ladder>div:nth-child(2){right:80px;top:330px;width:320px}
.s-ladder>div:nth-child(3){right:0;top:530px;width:260px}

/* лучшее за неделю */
.s-iss-t{display:flex;flex-direction:column;gap:14px}
.s-week{margin:0;font-size:22px;color:var(--ink-muted)}
.s-iss-r{display:flex;flex-direction:column;gap:12px;max-width:560px}
.s-pick{height:96px;display:flex;align-items:center;gap:60px}
.s-pick>div{display:flex;align-items:center;gap:18px}
.s-pick .lbl{color:var(--ink-caption)}
.s-pick-w .btn{font-size:18px}
.s-pick-w .cap{font-size:14px}
.s-pick-r{margin-left:auto}
.s-pick .chips{display:flex;gap:22px}

/* листы выпуска зигзагом: 1, 3, 5 слева, замеры, 2 и 4 справа ниже */
.s-items{padding-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.s-col{display:flex;flex-direction:column;gap:30px}
.s-col-r{padding-top:24px}
.s-items .s-it[hidden]{display:none}
.s-none{margin:0;grid-column:1 / -1;order:99}
.s-it{position:relative;padding:30px 34px 32px;transform:rotate(var(--r,0deg));display:grid;grid-template-columns:112px minmax(0,1fr);gap:26px}
.s-src{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-caption)}
.s-no{font-size:22px;line-height:1;color:var(--ink)}
.s-no+span{margin-top:8px}
.s-txt{display:flex;flex-direction:column;gap:12px;min-width:0}
.s-photo{margin:0 0 4px}
.s-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.s-txt h3 a{text-decoration:none}
.s-txt .mk.ml{display:inline-block;white-space:normal}
.s-zam{margin:0;padding:0 34px 16px;display:flex;flex-direction:column;gap:16px}
.s-zam figcaption{font-size:13px;color:var(--ink-caption)}
.s-zam svg{display:block;overflow:visible;max-width:100%}
.s-zam .z-m{display:none}

/* что сдвинулось */
.s-mv{margin-top:110px;display:flex;flex-direction:column;gap:60px}
.s-mv-l{display:flex;flex-direction:column;gap:48px}
.s-mv-i{width:min(700px,100%);display:flex;flex-direction:column;gap:12px}
.s-mv-i .kick{font-size:13px}
.s-mv-2{margin-left:min(480px,max(0px,100% - 700px))}
.s-mv-i>a{align-self:flex-start;font-size:13px}

/* полоса с решёткой: кадр, линии и точки в одном SVG, поэтому точки не съезжают с узлов на любой ширине */
.s-lat{height:auto;margin-top:110px}
.s-lat::after{display:none}
.s-lat-box{position:relative;height:440px;overflow:hidden}
.s-lat .plate-img{z-index:1;background:none}
.s-lat-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.s-lat .rc,.s-lat .rx{z-index:3}
.s-lat-art .ln path,.s-lat-art .lb path{fill:none;stroke:#a3a19b;stroke-width:1}
.s-lat-art .lb circle{fill:#c9c7c2}
.s-lat-art .lb text{font-family:var(--sans);font-size:13px;fill:#c9c7c2}
.s-lat-art .nm{display:none}
.s-lat-art .nm path{fill:none;stroke:var(--night-ink);stroke-width:1}
.s-lat-art .nm circle{r:13.6px;fill:var(--night);stroke:var(--night-ink);stroke-width:.75}
.s-lat-art .nm circle.dt{r:4.8px;fill:var(--night-ink);stroke:var(--night);stroke-width:1}
.s-lat-art .nm text{font-family:var(--sans);font-size:17.7px;fill:var(--night-ink);text-anchor:middle;dominant-baseline:central}
.s-lat-key{display:none}

/* ближайшие выставки */
.s-ex{display:flex;flex-direction:column;gap:48px}
.s-ex-t{font-size:15px;border-top:1px solid var(--ink)}
.s-ex-t [role=row]{display:grid;grid-template-columns:150px 240px 160px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--rule)}
.s-ex-t.s-ex-3 [role=row]{grid-template-columns:150px 240px minmax(0,1fr)}
.s-ex-t .th{padding:10px 0;border-bottom:1px solid var(--ink);color:var(--ink-caption);font-size:14px}
.s-ex-t a{text-decoration:none}
.s-ex-t .s-c{color:var(--ink-muted)}
.s-ex-t .s-why{font-family:var(--serif);font-size:15px;line-height:1.45;color:var(--ink-muted)}

/* сигналы в числах */
.s-num{margin-top:110px;display:flex;flex-direction:column;gap:56px}
.s-num-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.s-tb,.s-evt{margin:0;display:flex;flex-direction:column;gap:14px}
.s-tb figcaption{display:flex;justify-content:space-between;gap:16px}
.s-tb figcaption span:last-child{color:var(--ink-caption)}
.s-tb .cap,.s-evt .cap{font-size:14px}
.s-rows{font-size:14px;border-top:1px solid var(--ink)}
.s-rows [role=row]{display:grid;grid-template-columns:180px minmax(0,1fr) 50px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule)}
.s-ind .s-rows [role=row]{grid-template-columns:212px minmax(0,1fr) 40px}
.s-v{text-align:right}
.s-bar{display:block;height:1px}
.s-bar i{display:block;height:1px;width:calc(var(--f) * 97%);background:var(--ink)}
.s-track{position:relative;display:block;height:10px}
.s-track::before{content:"";position:absolute;left:0;right:3%;top:4.5px;height:1px;background:var(--rule)}
.s-track i{position:absolute;left:0;top:4.5px;height:1px;width:calc(var(--f) * 97%);background:var(--ink)}
.s-track i::after{content:"";position:absolute;right:-3.5px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.s-evt{gap:10px}
.s-evt-g{position:relative;--end:var(--w0);--gap:10px}
.s-evt .t0{margin:0 0 6px;font-size:15px;line-height:1.5}
.s-evt .bar{display:flex;height:36px}
.s-evt .bar i{display:block;height:100%;box-shadow:inset 0 0 0 .75px var(--ink)}
.s-evt .e0{width:var(--w0);background:var(--ink)}
.s-evt .e1{width:var(--w1);background:repeating-linear-gradient(45deg,var(--ink) 0 .8px,transparent .8px 3.54px)}
.s-evt .e2{width:var(--w2);background:repeating-linear-gradient(-45deg,var(--ink) 0 .8px,transparent .8px 5.66px)}
.s-evt .e3{width:var(--w3);background:radial-gradient(circle,var(--ink) .7px,transparent .8px) 0 0/4px 4px}
.s-evt .calls{position:relative;height:124px;font-family:var(--sans);font-size:13px}
.s-evt .calls span{position:absolute;top:0;left:var(--end);border-right:.75px solid var(--ink);border-bottom:.75px solid var(--ink)}
.s-evt .calls span.c1{width:calc(var(--m1) - var(--end));height:34px}
.s-evt .calls span.c2{width:calc(var(--m2) - var(--end));height:70px}
.s-evt .calls span.c3{width:calc(var(--m3) - var(--end));height:106px}
.s-evt-3 .calls{height:88px}.s-evt-2 .calls{height:52px}.s-evt-1 .calls{display:none}
.s-evt .calls b{position:absolute;right:calc(100% - var(--end) + var(--gap));font-weight:400;line-height:18px;white-space:nowrap}
.s-evt .calls b.c1{top:25px}.s-evt .calls b.c2{top:61px}.s-evt .calls b.c3{top:97px}

/* как устроен отбор */
.s-how{margin-top:110px;padding-bottom:120px;display:flex;flex-direction:column;gap:60px}
.s-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:30px}
.s-steps li{display:flex;gap:28px;align-items:baseline;width:min(640px,100%)}
.s-steps li:nth-child(2){margin-left:min(200px,max(0px,(100% - 640px)/2))}
.s-steps li:nth-child(3){margin-left:min(400px,max(0px,100% - 640px))}
.s-steps .ui{flex:none;width:36px;font-size:22px;color:var(--graphite)}
.s-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,600px));gap:80px;align-items:start}
.s-sh{padding:34px 40px 36px;transform:rotate(var(--r,0deg));display:flex;flex-direction:column;gap:14px}
.s-sh2{margin-top:90px}
.s-ev{border-top:1px solid var(--ink)}
.s-ev>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule)}
.s-ev b{font-family:var(--sans);font-weight:300;font-size:22px;line-height:1}
.s-ev span{font-size:15px;line-height:1.45;color:var(--ink-muted)}
.s-trl{margin:4px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:0 40px;font-size:14px;line-height:1.35;color:var(--ink-muted)}
.s-trl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:7px 0;border-top:1px solid var(--rule)}
.s-trl li:nth-child(1),.s-trl li:nth-child(6){border-top-color:var(--ink)}
.s-trl .tn{color:var(--ink-caption)}
.s-srcs{width:min(760px,100%);display:flex;flex-direction:column;gap:8px}
.s-srcs>a{align-self:flex-start;font-size:15px}

/* форма записи на показ */
.s-demo{gap:26px}
.fb-form .radios{height:48px;display:flex;gap:24px;align-items:center}
.fb-form .radios label{display:flex;gap:10px;align-items:center;min-height:32px}
.fb-form input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.fb-form .s-when{align-items:end}
.fb-form .s-when legend{margin-bottom:8px}
.s-when-t{grid-column:span 2}

/* 1101–1360: лесенка первого экрана под текстом */
@media (max-width:1360px){
 .s-hero{height:auto;padding-bottom:20px}
 .s-ladder{position:static;inset:auto;margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1040px}
 .s-ladder>div,.s-ladder>div:nth-child(n){position:static;width:auto}
 .s-ladder>div:nth-child(2){margin-top:60px}
 .s-ladder>div:nth-child(3){margin-top:120px}
}
/* 1101–1280: столбцы делятся поровну, в листах выпуска номер и издание над заголовком */
@media (max-width:1280px){
 .s-head{grid-template-columns:repeat(2,minmax(0,1fr))}
 .s-it{grid-template-columns:minmax(0,1fr);gap:14px}
 .s-src{flex-direction:row;align-items:baseline;gap:14px}
 .s-no+span{margin-top:0}
 .s-kind{margin-left:0}
 .s-src>span:nth-child(2)::after{content:none}
 .s-sheets{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
 .s-ex-t [role=row]{grid-template-columns:130px 210px 150px minmax(0,1fr)}
 .s-ex-t.s-ex-3 [role=row]{grid-template-columns:130px 210px minmax(0,1fr)}
}
/* 721–1100: всё в один столбец */
@media (max-width:1100px){
 .s-head{grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
 .s-hero-t{width:auto;max-width:640px}
 .s-pick{height:auto;padding-top:22px;flex-direction:column;align-items:flex-start;gap:10px}
 .s-pick-r{margin-left:0}
 .s-items{display:flex;flex-direction:column;gap:22px}
 .s-items .s-it,.s-items .s-zam{width:100%;max-width:680px}
 .s-col{display:contents}
 .s-zam{order:0;padding:0 0 8px}
 .s-items .s-it{order:var(--o,9)}
 .s-lat-art .lb,.s-lat-art .shade{display:none}
 .s-lat-art .nm{display:inline}
 .s-lat-art .nm circle{r:10px}
 .s-lat-art .nm circle.dt{r:3.5px}
 .s-lat-art .nm text{font-size:13px}
 .s-lat-key{position:relative;z-index:2;margin:0;padding:18px var(--pad) 26px;list-style:none;display:grid;grid-template-columns:repeat(4,max-content);gap:8px 32px;font-size:13px;color:#c9c7c2}
 .s-lat-key li{display:flex;gap:8px}
 .s-lat-key .tn{color:var(--night-ink)}
 .s-ex-t [role=row].th{display:none}
 .s-ex-t [role=row]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 0;padding:14px 0 16px}
 .s-ex-t.s-ex-3 [role=row]{grid-template-columns:max-content minmax(0,1fr)}
 .s-ex-t .s-d{grid-row:1;grid-column:1;font-size:13px;color:var(--ink-caption)}
 .s-ex-t .s-c{grid-row:1;grid-column:2;font-size:13px;color:var(--ink-caption)}
 .s-ex-t .s-c{padding-left:14px}
 .s-ex-t .s-n{grid-column:1 / -1;font-size:18px}
 .s-ex-t .s-why{grid-column:1 / -1}
 .s-num-2{grid-template-columns:minmax(0,1fr);gap:48px;max-width:680px}
 .s-sheets{grid-template-columns:minmax(0,1fr);gap:28px;max-width:680px}
 .s-sh2{margin-top:0}
 .fb-form .s-when{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .s-when-t{grid-column:auto}
}
/* телефон: доски SignalsM и SignalsM2 */
@media (max-width:720px){
 .d-br{display:none}
 .m-br{display:inline}
 .s-sec{padding-top:80px}
 .s-hero{padding-top:40px;padding-bottom:0}
 .s-hero-t{gap:22px}
 .s-ladder{margin-top:48px;display:flex;flex-direction:column;gap:22px}
 .s-ladder>div{gap:8px}
 .s-ladder>div:nth-child(2){margin:0 0 0 96px}
 .s-ladder>div:nth-child(3){margin:0 0 0 192px}
 .s-iss{margin-top:72px}
 .s-iss .s-head,.s-iss-r{gap:14px}
 .s-iss-r .lead{margin-top:6px}
 .s-pick{padding-top:22px;gap:6px}
 .s-pick-w{flex-wrap:wrap;gap:0 14px!important}
 .s-pick-w .cap{flex-basis:100%;margin-top:6px}
 .s-pick-r{margin-top:8px;flex-direction:column;align-items:flex-start!important;gap:2px!important;width:100%}
 .s-pick .chips{gap:14px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad);max-width:calc(100% + 2*var(--pad))}
 .s-pick .chips::-webkit-scrollbar{display:none}
 .s-pick .chips .btn{flex:none}
 .s-items{padding-top:28px;gap:22px}
 .s-zam{margin-bottom:0}
 .s-zam .z-d{display:none}
 .s-zam .z-m{display:block}
 .s-items .s-it{width:auto;max-width:none;margin:0 -4px;padding:22px 22px 24px;gap:12px}
 .s-mv{margin-top:72px;gap:22px}
 .s-mv-l{margin-top:10px;gap:14px}
 .s-mv-i{gap:10px}
 .s-mv-2{margin-left:32px;width:auto}
 .s-lat{margin-top:80px}
 .s-lat-box{height:300px}
 .s-lat-art .nm circle{r:13.6px}
 .s-lat-art .nm circle.dt{r:4.8px}
 .s-lat-art .nm text{font-size:17.7px}
 .s-lat-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
 .s-ex{gap:22px}
 .s-num{margin-top:72px;gap:22px}
 .s-num-2{margin-top:14px;gap:26px}
 .s-tb,.s-evt{gap:12px}
 .s-tb figcaption span:last-child{font-size:13px}
 .s-rows [role=row],.s-ind .s-rows [role=row]{grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;align-items:baseline;padding:12px 0 14px}
 .s-bar,.s-track{grid-column:1 / -1;grid-row:2}
 .s-bar i{width:calc(var(--f) * 86%)}
 .s-track::before{right:0}
 .s-track i{width:calc(var(--f) * 94%)}
 .s-evt{margin-top:26px;gap:10px}
 .s-evt-g{--end:min(var(--w0),82.86%);--gap:6px}
 .s-evt .t0{font-size:14px;line-height:18px;margin-bottom:12px}
 .s-evt .bar{height:32px}
 .s-evt .cap{margin-top:0}
 .s-how{margin-top:72px;padding-bottom:80px;gap:22px}
 .s-steps{margin-top:10px;gap:22px}
 .s-steps li{gap:16px;width:auto}
 .s-steps li:nth-child(2){margin-left:24px}
 .s-steps li:nth-child(3){margin-left:48px}
 .s-steps .ui{width:30px}
 .s-sheets{margin-top:14px;gap:18px}
 .s-sh{margin:0 -4px;padding:24px 22px;gap:12px}
 .s-ev>div{grid-template-columns:30px minmax(0,1fr);gap:12px}
 .s-trl{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
 .s-trl li:nth-child(6){border-top-color:var(--rule)}
 .s-srcs{margin-top:16px}
 .s-demo{gap:18px}
 .fb-form .s-when{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:400px){.s-mv-2{margin-left:24px}}

/* 0.14.0: две ссылки первого экрана, канал главной кнопкой; выбор читателя без выбора недели */
.s-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0}
.s-go .b-dark{display:inline-flex;align-items:center;text-decoration:none}
.s-iss-r>a{align-self:flex-start}
.s-pick-r:first-child{margin-left:0}