/* прогон 35 — слой поверх leaf34 */

/* ══ D35: разделители страниц (дизайнер D, прогон 35; пункт пульта rh: d35a «каждый стык – свой приём», d35b «вещи на шве») ══════════
   Роман 03.11: «разделители… однотипные, в одинаковых цветах, одинакового размера»; «новые элементы и предметы поверх секций – огонь».
   Общее для d35a и d35b: шаг 280u (телефон 168), у плит зазор больше на выступ плиты (как p34), роза «Отзывов» на кромке плиты – как была.
   Вещи – настоящие PD-фото, вырезка начисто (IS-Net), одна обработка: живая тень бумаги, без смены цвета. Вставляет leaf35.js (блок D35) в каждую
   секцию раздела (все варианты); место – --x/--y/--w в u от верхнего левого угла секции (минус – в зазоре над ней). */
html:is([data-rh="d35a"],[data-rh="d35b"]){--zg:280}
html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="how"]{--zo:56}
html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="zapis"]{--zo-t:48}
html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="channel"]{--zo:48}
html[data-zg="even"]:is([data-rh="d35a"],[data-rh="d35b"]) main.wrap > [data-sec]:is([data-sec="how"],[data-sec="zapis"],[data-sec="channel"]):not([hidden]) > section:is(#how,#zapis,#channel,[id]){
  margin-top:calc((var(--zg) + var(--zo,0) + var(--zo-t,0)) * var(--u))!important}
/* роза на верхней кромке плиты «Отзывов» – та же, что при p32 */
html:is([data-rh="d35a"],[data-rh="d35b"]):is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]{position:relative}
html:is([data-rh="d35a"],[data-rh="d35b"]):is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{
  content:"";position:absolute;z-index:4;left:50%;top:calc(-84 * var(--u));width:calc(104 * var(--u));height:calc(104 * var(--u));
  margin:calc(-52 * var(--u)) 0 0 calc(-52 * var(--u));background:url(img32/p32-rose-600.webp) 50% 50%/contain no-repeat;pointer-events:none;
  filter:drop-shadow(0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(16,32,26,.28))}

/* d35a · виньетки художника – только три и трёх размеров: малая книга с ключом над «Направлениями» (300u), крупный глобус над «Обучением» (830u),
   средний колокольчик над «Между уроками» (474u, колокольчик качается). Над «Тестами», «Ценами» и «Записью» виньеток нет – там вещи и кромка плиты. */
html[data-rh="d35a"] [data-sec="courses"]{--p-rh:url(img32/p32-rh-c.webp);--p-rw:300;--p-rhh:36}
html[data-rh="d35a"] [data-sec="how"]{--p-rh:url(img33/p32-rh-nb.webp);--p-rw:830;--p-rhh:86}
html[data-rh="d35a"] [data-sec="channel"]{--p-rh:url(img34/p34-rh-g-nobell.webp);--p-rw:474;--p-rhh:68}
html[data-rh="d35a"] main.wrap > [data-sec]:is([data-sec="courses"],[data-sec="how"],[data-sec="channel"]):not([hidden])::before{
  content:"";display:block;width:calc(var(--p-rw) * var(--u));height:calc(var(--p-rhh) * var(--u));max-width:92%;
  margin:calc((var(--zo,0) + (var(--zg) - var(--p-rhh)) * .5) * var(--u)) auto calc(((var(--zg) + var(--p-rhh)) * -.5 - var(--zo,0)) * var(--u));
  background:var(--p-rh) 50% 50%/contain no-repeat;pointer-events:none}
html[data-rh="d35a"] main.wrap > [data-sec="channel"]:not([hidden]){position:relative}
html[data-rh="d35a"] main.wrap > [data-sec="channel"]:not([hidden])::after{content:"";position:absolute;z-index:2;pointer-events:none;
  left:calc(50% + (var(--p-rw) * (541 / 1200 - .5)) * var(--u));top:calc(var(--p-rhh) * 51 / 171 * var(--u));   /* верх обёртки = верх виньетки (её поле схлопывается с обёрткой) */
  width:calc(var(--p-rw) * 118 / 1200 * var(--u));height:calc(var(--p-rhh) * 120 / 171 * var(--u));
  background:url(img34/p34-bell.webp) 0 0 / 100% 100% no-repeat;transform-origin:50% 5%}
/* пасхалки: у d35a нет ленты «Записи», у d35b – глобуса, ленты и колокольчика (их места заняли вещи) */
html[data-rh="d35a"] .m34-hs-ribbon,html[data-rh="d35b"] :is(.m34-hs-globe,.m34-hs-ribbon,.m34-hs-bell){display:none!important}

/* вещи на шве (секции без своего position – держат вещь сами; проверено на 1440 и 393: абсолютных потомков, привязанных выше секции, у них нет) */
html:is([data-rh="d35a"],[data-rh="d35b"]) main.wrap > [data-sec] > section:has(> .d35-o){position:relative}
.d35-o{position:absolute;z-index:6;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));
  pointer-events:none;line-height:0;user-select:none;-webkit-user-select:none;display:none}
.d35-o img{display:block;width:100%;height:auto;rotate:var(--r,0deg);
  filter:drop-shadow(0 calc(6 * var(--u)) calc(7 * var(--u)) rgba(36,38,43,.22)) drop-shadow(0 calc(1 * var(--u)) calc(1 * var(--u)) rgba(36,38,43,.20))}
html[data-rh="d35a"] .d35-o.d35-a,html[data-rh="d35b"] .d35-o.d35-b{display:block}
/* место (u от секции); «–» по y – в зазоре над секцией. Порядок по странице: Л · П · Л · П · С · П · Л */
[data-sec="courses"]  .d35-o-key    {--x:36;--y:-338;--w:300;--r:-7deg}                  /* ключ лежит через нижнюю кромку шапки – начало */
[data-sec="teachers"] .d35-o-spect  {--x:1050;--y:30;--w:240;--r:-5deg}                  /* очки учителя на верхней кромке третьей карточки */
[data-sec="how"]      .d35-o-hours  {--x:26;--y:-334;--w:380;--r:-3deg}                  /* часослов (Благовещение) раскрыт на нижней кромке плиты «Отзывов» */
[data-sec="tests"]    .d35-o-lantern{--x:1000;--y:-288;--w:120}                          /* фонарь висит под картиной «Обучения» – тест освещает уровень */
[data-sec="tests"]    .d35-o-lantern img{transform-origin:50% 0;--m-sway:4deg}
[data-sec="prices"]   .d35-o-scale  {--x:640;--y:-176;--w:278}                           /* весы стоят на коробке «Цен» – честная плата */
[data-sec="prices"]   .d35-o-scale img{transform-origin:50% 100%;--m-sway:2deg}
[data-sec="tests"]    .d35-o-candle {--x:990;--y:-44;--w:120}                           /* d35b: делфтский подсвечник (Рейксмузеум BK-NM-9508) стоит на коробке «Тестов» – тест освещает уровень */
[data-sec="zapis"]    .d35-o-clasps {--x:800;--y:-166;--w:150;--r:-4deg}                 /* d35b: книга с золотыми застёжками и закладкой (BK-15170) на кромке плиты «Записи» – вписать себя */
[data-sec="faq"]      .d35-o-putti  {--x:564;--y:-206;--w:240}                           /* d35a: книжная концовка с путти (RP-P-OB-9805), чернилами как есть – «Цены» кончились */
.d35-o-putti img{filter:none}
@media (min-width:1024px){ html[data-rh="d35b"] .d35-o-lantern{display:none!important} }
[data-sec="channel"]  .d35-o-quill  {--x:30;--y:-330;--w:440;--r:-9deg}                  /* перо лежит через нижнюю кромку «Записи» – пишем в канал между уроками */

@supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){
  html:is([data-mo="m32"],[data-mo="m34"]):is([data-rh="d35a"],[data-rh="d35b"]):is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]):not(.still):not([data-theatre="off"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{
    --m-spin:90deg;animation:m32-spin linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d35a"]:not(.still):not([data-theatre="off"]) main.wrap > [data-sec]:is([data-sec="courses"],[data-sec="how"],[data-sec="channel"]):not([hidden])::before{
    animation:m32-in linear both;animation-timeline:view();animation-range:entry 10% entry 90%}
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d35a"]:not(.still):not([data-theatre="off"]) main.wrap > [data-sec="channel"]:not([hidden])::after{
    --m-sway:5deg;animation:m32-sway linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  html:is([data-mo="m32"],[data-mo="m34"]):is([data-rh="d35a"],[data-rh="d35b"])[data-zp]:not(.still):not([data-theatre="off"]) main.wrap > [data-sec="reviews"].m34-whirl:not([hidden])::before{
    animation:m32-spin linear both,m34-whirl 1.2s cubic-bezier(.2,.7,.2,1) 1;animation-timeline:view(),auto;animation-range:cover 0% cover 100%,normal}
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d35a"]:not(.still):not([data-theatre="off"]) main.wrap > [data-sec="channel"].m34-ring:not([hidden])::after{
    animation:m32-sway linear both,m34-ring 2.4s ease-out 1;animation-timeline:view(),auto;animation-range:cover 0% cover 100%,normal}
} }

@media (max-width:1023.98px){
  html:is([data-rh="d35a"],[data-rh="d35b"]){--zg:168}
  html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="how"]{--zo:40}
  html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="zapis"]{--zo-t:28}
  html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="channel"]{--zo:28}
  html:is([data-rh="d35a"],[data-rh="d35b"]):is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{top:-44px;width:64px;height:64px;margin:-32px 0 0 -32px}
  html[data-rh="d35a"] [data-sec="courses"]{--p-rw:200;--p-rhh:24}
  html[data-rh="d35a"] [data-sec="how"]{--p-rw:424;--p-rhh:44}
  html[data-rh="d35a"] [data-sec="channel"]{--p-rw:302;--p-rhh:43}
  /* телефон (u ≈ 1 px на 390): те же вещи втрое мельче, по краям, мимо текста; размеры 60–200 */
  [data-sec="courses"]  .d35-o-key    {--x:8;--y:-196;--w:150}
  [data-sec="teachers"] .d35-o-spect  {--x:262;--y:24;--w:80}
  [data-sec="how"]      .d35-o-hours  {--x:4;--y:-200;--w:170}
  [data-sec="tests"]    .d35-o-lantern{--x:296;--y:-172;--w:58}
  [data-sec="prices"]   .d35-o-scale  {--x:228;--y:-30;--w:124}
  [data-sec="zapis"]    .d35-o-clasps {--x:116;--y:-104;--w:84}
  [data-sec="faq"]      .d35-o-putti  {--x:105;--y:-128;--w:150}
  .d35-o-candle{display:none!important}   /* на телефоне у d35b вместо подсвечника – фонарь (у «Обучения» внизу нет коробки, на которую поставить) */
  [data-sec="channel"]  .d35-o-quill  {--x:10;--y:-196;--w:200}
}
/* ══ /D35 */

/* ══ Z35: главная сессия после слияния D и T и по рецензии (прогон 35) ═══════════════════════════════════════════════════════════════
   (1) весы – одна вещь на странице: при d35a/d35b они стоят на «Ценах» («честная плата»), поэтому малые весы в «Какой ты студент» (tests a34e) скрыты;
       при p32 («как сейчас») всё по-старому. (2) серый фонарь снят в обеих системах (чёрно-белый снимок рядом с цветными вещами – мёртвый; над
       «Тестами» и так василёк). (3) концовка с путти снята: рецензент – серый густой картуш читается гербом; в d35a стык «Цены → Вопросы» – воздух.
       (4) подсвечник d35b снят – почти дубль свечи у совы в «Вопросах»; на его место, на коробку «Тестов», – книга с застёжками (с плиты «Записи»;
       там остаются щегол и цветок). (5) рецензент: «вещи мелкие и стоят на пустом листе» – в d35b на ПК вещи в 1,25–1,5 раза крупнее и сильнее
       заходят на кромки коробок. (6) перо d35b заходит на лазурь «Записи» (серебро на бумаге не читалось), текст не задет. */
html:is([data-rh="d35a"],[data-rh="d35b"]) [data-sec="tests"] .a33-scale{display:none!important}
.d35-o-lantern,.d35-o-putti,.d35-o-candle{display:none!important}
[data-sec="channel"] .d35-o-quill{--y:-384}
@media (min-width:1024px){
  html[data-rh="d35b"] [data-sec="courses"]  .d35-o-key   {--x:18;--y:-384;--w:420}
  html[data-rh="d35b"] [data-sec="teachers"] .d35-o-spect {--x:1000;--y:-10;--w:300}
  html[data-rh="d35b"] [data-sec="how"]      .d35-o-hours {--x:18;--y:-394;--w:470}
  html[data-rh="d35b"] [data-sec="tests"]    .d35-o-clasps{--x:930;--y:-62;--w:220;--r:-6deg}
  html[data-rh="d35b"] [data-sec="prices"]   .d35-o-scale {--x:609;--y:-234;--w:340}
  html[data-rh="d35b"] [data-sec="channel"]  .d35-o-quill {--x:24;--y:-388;--w:540}
}
@media (max-width:1023.98px){
  [data-sec="channel"] .d35-o-quill{--y:-232}
  [data-sec="teachers"] .d35-o-spect{--y:58}   /* t35a: очки ложатся на верхний край первой карточки, а не на подзаголовок */
  .d35-o-clasps{display:none!important}   /* телефон: у «Тестов» заголовок в три строки – книге некуда встать, на этом стыке воздух */
}
/* «Преподаватели» t35a (специфичность выше правила leaf30 – там три :not; рецензент: «вещи стола учителя плавают под карточками, до III ≈ 120 px пустоты»): «С чего начать» ближе на 70u */
html[data-zg="even"][data-v-teachers="t35a"] main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc((var(--zg) - 70) * var(--u))!important}
@media (max-width:1023.98px){ html[data-zg="even"][data-v-teachers="t35a"] main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc(var(--zg) * var(--u))!important} }
/* «Учим на совесть» s35a (рецензент: «при смене сцены две фигуры полупрозрачно наслаиваются – призрак»; «одиночная фигура мелкая, болтается»):
   уходящая гаснет за 0,22 с, новая проявляется после неё; одиночные фигуры выше (85 → 94 % сцены) */
section.v-s35a .y30s-hon .y30i-fig{transition:opacity .22s ease,translate .3s ease}
section.v-s35a .y30s-hon .y30i-fig.is-on{transition:opacity .42s ease .24s,translate .5s ease .24s}
section.v-s35a .y30s-hon .y30i-fig.y32-fig{height:94%;bottom:calc(3 * var(--u) + .6%)}
/* ══ /Z35 */
