/* ============================================================
   ДГД-2026 — единая страница (hero · манифест · новый формат · триада)
   Склейка 4 секций в один документ. Переменные каждой секции
   заскоуплены на её корневой класс, чтобы не конфликтовать.
   ============================================================ */

/* ---- шрифты ---- */
@font-face{font-family:HelveticaNeueCyr;src:url(../../fonts/HelveticaNeueCyr-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeueCyr;src:url(../../fonts/HelveticaNeueCyr-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeueCyr;src:url(../../fonts/HelveticaNeueCyr-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeue;src:url(../../fonts/HelveticaNeueCyr-Medium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeue;src:url(../../fonts/HelveticaNeueCyr-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeue;src:url(../../fonts/HelveticaNeueCyr-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}

/* ---- база (заскоуплена под корни новых секций, чтобы не трогать остальной сайт) ---- */
.hero,.hero *,.hero *::before,.hero *::after,
.manifesto,.manifesto *,.manifesto *::before,.manifesto *::after,
.new_format,.new_format *,.new_format *::before,.new_format *::after,
.strong,.strong *,.strong *::before,.strong *::after{box-sizing:border-box}
.hero,.manifesto,.new_format,.strong{
  font-family:"HelveticaNeueCyr","Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.hero img,.manifesto img,.new_format img,.strong img{max-width:100%}


/* ===================== 1 · HERO ===================== */
/* ============================================================
   ДГД-2026 · Первый экран (hero) — «обложка делового журнала»
   Система из visual-direction-board: тёплый чёрный + золото,
   Helvetica Neue, контраст весов, один акцент.
   Самодостаточный модуль: hero.css + hero.js + index.html
   ============================================================ */
.hero{
  --bg:#14110E;
  --bg-2:#1C1815;
  --gold:#978556;
  --gold-deep:#7C6E46;
  --gold-lt:#B6A06A;
  --white:#FFFFFF;
  --paper:#F2F0EC;
  --muted:#A89F90;
  --line:rgba(151,133,86,.26);
  --display:"HelveticaNeueCyr","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* Сброс отрицательного margin-top у .content (bundle.css: -6.25rem / -0.75rem на ≥1024px).
   Он подтягивал контент под старую шапку; без неё затягивал хиро под прод-плашку #headerPanel. */
.content{margin-top:0 !important}

/* ============================================================
   HERO SHELL
   ============================================================ */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  color:var(--paper);
  background:var(--bg);
}
/* у авторизованных сверху висит фикс-плашка #headerPanel (h32). На десктопе
   урезаем хиро на её высоту, чтобы 100svh + плашка не давали лишний подскролл. */
@media (min-width:861px){
  body.logged-in .hero{min-height:calc(100svh - 32px)}
}

/* --- подложка: фото / видео --- */
.hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__media{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 38%;
  filter:grayscale(1) contrast(1.05) brightness(.92);
}
/* Вариант A (видео): мягкий «кен-бёрнс» на фото-постере; реальный <video> показывается только когда играет (прод) */
.hero__video{display:none}
.hero.video-playing .hero__video{display:block}
.hero[data-bg="video"] .hero__poster{animation:heroPan 26s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){
  .hero[data-bg="video"] .hero__poster{animation:none}
}
@keyframes heroPan{
  0%{transform:scale(1.06) translate3d(0,0,0)}
  100%{transform:scale(1.14) translate3d(-2.5%,-1.5%,0)}
}
.hero__video{filter:grayscale(1) contrast(1.05) brightness(.9)}

/* затемняющие оверлеи поверх медиа — читаемость текста */
.hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero__scrim--base{
  background:
    linear-gradient(90deg,rgba(15,12,10,.94) 0%,rgba(15,12,10,.74) 34%,rgba(15,12,10,.34) 64%,rgba(15,12,10,.55) 100%),
    linear-gradient(0deg,rgba(13,10,8,.96) 2%,rgba(13,10,8,.34) 30%,rgba(13,10,8,.12) 52%,rgba(13,10,8,.5) 100%);
}
.hero__scrim--glow{
  mix-blend-mode:screen;opacity:.5;
  background:
    radial-gradient(60% 50% at 14% 16%,rgba(151,133,86,.4),transparent 60%),
    radial-gradient(50% 45% at 88% 90%,rgba(124,110,70,.28),transparent 62%);
}
.hero__scrim--grain{
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* edge-vignette + тонкая золотая рамка-кадр обложки */
.hero__frame{
  position:absolute;z-index:3;pointer-events:none;
  inset:clamp(16px,1.7vw,24px);
  border:1px solid rgba(151,133,86,.22);
}
.hero__frame::after{
  content:"";position:absolute;inset:0;
  box-shadow:inset 0 0 160px 40px rgba(0,0,0,.5);
}

/* ============================================================
   КОНТЕЙНЕР / СЕТКА
   ============================================================ */
.hero__inner{
  position:relative;z-index:4;
  width:100%;max-width:1340px;
  margin:0 auto;
  padding:clamp(34px,3.6vw,52px) clamp(30px,4vw,64px) clamp(64px,7vh,86px);
  flex:1;
  display:flex;flex-direction:column;
}

/* ---------- тело: обложка + форма (единая раскладка «полоса») ---------- */
.hero__body{flex:1;display:flex;flex-direction:column;min-height:0}

/* ---------- header ---------- */
.hd{display:flex;align-items:center;gap:30px;padding-block:6px 0;margin-bottom:80px}
.hd__logo{display:flex;align-items:center}
.hd__logo img{height:46px;width:auto;display:block}
.hd__nav{display:flex;gap:clamp(18px,2vw,34px);margin-left:clamp(20px,4vw,64px)}
.hd__nav a{
  color:var(--paper);text-decoration:none;
  font-size:14px;font-weight:300;letter-spacing:.01em;
  opacity:.82;transition:opacity .25s,color .25s;
}
.hd__nav a:hover{opacity:1;color:var(--gold-lt)}
.hd__right{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,1.6vw,26px)}
.hd__phone{
  color:var(--white);text-decoration:none;
  font-size:15px;font-weight:500;letter-spacing:.04em;white-space:nowrap;
}
.hd__phone:hover{color:var(--gold-lt)}
.hd__cta{
  font-size:13px;font-weight:500;letter-spacing:.06em;
  color:var(--gold-lt);
  padding:11px 22px;
  border:1px solid var(--gold);
  background:transparent;cursor:pointer;
  transition:background .3s,color .3s;
  white-space:nowrap;
}
.hd__cta:hover{background:var(--gold);color:#1a140c}
.hd__burger{display:none}

/* ---------- editorial зона ---------- */
.cover{
  flex:1;
  display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(14px,2vw,26px) clamp(14px,1.8vw,22px);
  position:relative;
  max-width:1040px;
}

/* стикер «Новый формат» — без пилюль/точек/свечения.
   Две вариации: tab (золотая плашка-выворотка) · combo (бейдж с печатью «20 лет»). */
.flash{
  align-self:flex-start;display:inline-flex;align-items:center;gap:0;
  margin-bottom:clamp(20px,2.5vw,32px);position:relative;
}
.flash__text{display:inline-flex;align-items:center}
.flash__a,.flash__b{
  font-size:clamp(11px,1vw,12.5px);font-weight:500;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold-lt);white-space:nowrap;
}
.flash__sep{font-style:normal;color:var(--gold);padding:0 11px;font-size:1.15em;line-height:0}

/* мини-печать (только combo) */
.flash__seal{display:none}

/* tab: сплошная золотая плашка с тёмной вывороткой (cover-flash), острые углы */
.hero[data-sticker="tab"] .flash__sep{display:none}
.hero[data-sticker="tab"] .flash__a{
  background:linear-gradient(135deg,var(--gold-lt),var(--gold-deep));
  color:#1a140c;padding:7px 14px;letter-spacing:.2em;margin-right:14px;
}

/* combo: ИИ-искра (sparkle) + текст в две строки. Большая печать в углу скрыта. */
.hero[data-sticker="combo"] .seal{display:none}
.hero[data-sticker="combo"] .flash__seal{
  display:flex;align-items:center;justify-content:center;
  width:clamp(34px,3.6vw,46px);aspect-ratio:1;flex:0 0 auto;
  margin-right:15px;position:relative;
}
.ai-spark{width:100%;height:100%;overflow:visible}
.ai-spark__main{
  fill:var(--gold-lt);transform-origin:12px 12px;
  filter:drop-shadow(0 0 5px rgba(151,133,86,.45));
  animation:aiPulse 3.6s ease-in-out infinite;
}
.ai-spark__mini{
  fill:var(--gold);transform-origin:19px 6px;
  animation:aiTwinkle 3.6s ease-in-out infinite;
}
@keyframes aiPulse{0%,100%{transform:scale(.84);opacity:.78}50%{transform:scale(1);opacity:1}}
@keyframes aiTwinkle{0%,100%{transform:scale(.45);opacity:.15}42%{transform:scale(1);opacity:1}72%{transform:scale(.6);opacity:.4}}
@media (prefers-reduced-motion:reduce){.ai-spark__main,.ai-spark__mini{animation:none;opacity:1;transform:none}}
.hero[data-sticker="combo"] .flash__text{flex-direction:column;align-items:flex-start;gap:0;}
.hero[data-sticker="combo"] .flash__sep{display:none}
.hero[data-sticker="combo"] .flash__a{color:var(--white);font-weight:600;letter-spacing:.22em}
.hero[data-sticker="combo"] .flash__b{color:var(--gold);letter-spacing:.22em}

/* masthead H1 */
.cover__mast{
  margin:0;color:var(--white);
  font-weight:700;text-transform:uppercase;
  letter-spacing:-.025em;line-height:.9;
  font-size:clamp(2.7rem,6.95vw,100px);
  text-wrap:balance;
}
.cover__mast .l2{color:var(--paper)}
.cover__mast .l3{
  color:transparent;-webkit-text-stroke:1.4px rgba(227,198,133,.85);
}

/* cover line (УТП) */
.cover__utp{
  margin:clamp(20px,2.4vw,32px) 0 0;
  max-width:calc(30ch + 50px);
  font-weight:300;line-height:1.28;
  font-size:clamp(1.12rem,1.85vw,1.62rem);
  color:var(--paper);
  text-wrap:pretty;
}
.cover__utp b{font-weight:600;color:var(--white)}
.cover__utp .g{color:var(--gold-lt);font-weight:500;white-space:nowrap}

/* dateline — заметный event-блок (дата + место) */
.cover__when{
  display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(16px,1.8vw,26px);
  margin-top:clamp(22px,2.6vw,34px);
}
.when__date{display:flex;align-items:center;gap:12px;color:var(--gold-lt)}
.when__d{
  font-weight:700;line-height:.82;letter-spacing:-.02em;
  font-size:clamp(2.6rem,4.2vw,3.6rem);
}
.when__my{display:flex;flex-direction:column;line-height:1.05}
.when__my b{
  font-weight:600;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(15px,1.4vw,18px);color:var(--white);
}
.when__my span{
  font-weight:500;letter-spacing:.12em;
  font-size:clamp(13px,1.2vw,15px);color:var(--gold);
}
.when__div{
  width:1px;height:clamp(38px,4vw,52px);flex:0 0 auto;
  background:linear-gradient(180deg,transparent,var(--gold),transparent);
}
.when__place{display:flex;flex-direction:column;gap:3px}
.when__city{
  font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);
  font-size:clamp(15px,1.45vw,19px);
}
.when__addr{
  font-weight:300;letter-spacing:.08em;text-transform:uppercase;
  font-size:clamp(11.5px,1.05vw,13px);color:var(--muted);
}

/* юбилейная печать — единственный «громкий» элемент */
.seal{
  position:absolute;z-index:5;
  top:clamp(-6px,1vw,12px);right:0;
  width:clamp(108px,12vw,164px);aspect-ratio:1;
  border:1px solid var(--line);border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:var(--gold);
  background:radial-gradient(circle at 50% 36%,rgba(151,133,86,.12),transparent 70%);
  transform:rotate(-9deg);
}
.seal::before{
  content:"";position:absolute;inset:7px;border-radius:50%;
  border:1px solid rgba(151,133,86,.34);
}
.seal__ring{
  position:absolute;inset:0;border-radius:50%;
  font-size:0;
}
/* текст по дуге (вариант stamp) */
.seal__curve{display:none}
.seal__ringline{fill:none;stroke:rgba(151,133,86,.34);stroke-width:1}
.seal__ct{
  font-family:var(--display);font-size:14.5px;font-weight:500;
  letter-spacing:1.4px;text-transform:uppercase;fill:var(--gold-lt);
}
.seal__dot{fill:var(--gold)}
.hero[data-sticker="stamp"] .flash{display:none}
.hero[data-sticker="stamp"] .seal{
  display:flex;border:none;width:clamp(160px,18vw,216px);
  top:clamp(-10px,.6vw,6px);transform:rotate(-7deg);
}
.hero[data-sticker="stamp"] .seal::before{display:none}
.hero[data-sticker="stamp"] .seal__curve{
  display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;
}
.seal__mark{
  color:var(--gold-lt);line-height:1;
  font-size:clamp(1.6rem,2.4vw,2.4rem);
}

/* ============================================================
   ФОРМА РЕГИСТРАЦИИ — карточка-стекло поверх подложки
   ============================================================ */
.reg{
  position:relative;z-index:4;
  background:linear-gradient(180deg,rgba(246,244,239,1),rgba(236,231,221,.9));
  border:1px solid rgba(151,133,86,.5);
  border-radius:2px;
  padding:clamp(22px,2.4vw,30px) clamp(22px,2.6vw,34px);
  box-shadow:0 26px 64px rgba(0,0,0,.5);
}
.reg__head{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  margin-bottom:18px;
}
.reg__title{
  margin:0;color:#1C1815;font-weight:500;
  font-size:clamp(1.05rem,1.5vw,1.32rem);letter-spacing:.01em;
}
.reg__sub{font-size:13px;font-weight:300;color:#6B6253;letter-spacing:.02em}

.reg__row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.reg__field{position:relative}
.hero .input,.hero .select{
  width:100%;
  background:#fff;
  border:1px solid rgba(124,110,70,.45);
  border-radius:1px;
  color:#1C1815;
  font-family:var(--display);font-size:15px;font-weight:300;
  padding:14px 16px;
  transition:border-color .25s,background .25s;
}
.hero .input::placeholder{color:rgba(60,54,44,.58)}
.hero .input:focus,.hero .select:focus{
  outline:none;border-color:var(--gold);background:#fff;
}
.hero .select{
  appearance:none;cursor:pointer;color:#3a342b;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23978556' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
  padding-right:38px;
}
.hero .select option{background:#F6F4EF;color:#1C1815}
/* десктоп: единая высота инпутов и списка — 52px (box-sizing border-box) */
@media (min-width:861px){
  .hero .input,.hero .select{height:52px;padding-top:0;padding-bottom:0}
}

.reg__foot{
  display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);
  margin-top:18px;flex-wrap:wrap;
}
.reg__submit{
  flex:0 0 auto;
  font-family:var(--display);font-size:15px;font-weight:500;letter-spacing:.03em;
  background:transparent;
  border:1px solid var(--gold-deep);border-radius:0;cursor:pointer;
  padding:16px 40px;
  transition:background .25s,color .25s;
}
/* .hero для перебивания продакшн-бандла main.*.css (.js-top-form-button → white, через -webkit-text-fill-color) */
.hero .reg__submit{background:var(--gold);border-color:var(--gold);color:#fff;-webkit-text-fill-color:#fff}
.hero .reg__submit:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff;-webkit-text-fill-color:#fff}
.reg__submit:active{transform:translateY(1px)}
.reg__policy{
  display:flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:300;line-height:1.45;color:#6B6253;white-space:nowrap;
}
.reg__policy input{
  appearance:none;flex:0 0 auto;
  width:17px;height:17px;margin-top:1px;
  border:1px solid rgba(124,110,70,.6);border-radius:1px;
  background:#fff;cursor:pointer;position:relative;
}
.reg__policy input:checked{background:var(--gold);border-color:var(--gold)}
.reg__policy input:checked::after{
  content:"";position:absolute;left:5px;top:1.5px;
  width:4px;height:9px;border:solid #1a140c;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.reg__policy a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:2px}

/* ============================================================
   REVEAL — отключено намеренно: hero выше сгиба, контент всегда
   виден (анимации входа фризятся в скриншот-пайплайне). Классы
   .rv/.dN оставлены как no-op, чтобы не трогать разметку.
   ============================================================ */
.rv{opacity:1;transform:none}
@keyframes rvIn{from{opacity:1}to{opacity:1}}

/* ============================================================
   ПАНЕЛЬ СРАВНЕНИЯ (review-aid; удаляется для прод-сборки)
   ============================================================ */
.demo{
  display:none; /* панель сравнения скрыта по просьбе; верни display:flex, чтобы показать */
  gap:8px;
  position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);
  align-items:center;
  background:rgba(20,17,14,.86);backdrop-filter:blur(12px);
  border:1px solid var(--line);border-radius:100px;
  padding:7px 9px;font-size:12px;
}
.demo__grp{display:flex;gap:3px;align-items:center;padding:0 4px}
.demo__lbl{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;padding-right:5px}
.demo button{
  font-family:var(--display);font-size:11.5px;letter-spacing:.04em;
  color:var(--paper);background:transparent;border:1px solid transparent;
  border-radius:100px;padding:6px 13px;cursor:pointer;transition:.2s;white-space:nowrap;
}
.demo button:hover{color:var(--gold-lt)}
.demo button[aria-pressed="true"]{background:var(--gold);color:#1a140c;font-weight:500}
.demo__div{width:1px;height:20px;background:var(--line)}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media(max-width:1080px){
  .seal{width:clamp(96px,16vw,128px)}
}
@media(max-width:860px){
  /* мобильные: видео не показываем (и не грузим — см. hero.js), постер статичный */
  .hero__video{display:none !important}
  .hero[data-bg="video"] .hero__poster{animation:none}
  .hero__scrim--base{
    background:
      linear-gradient(0deg,rgba(13,10,8,.96) 4%,rgba(13,10,8,.5) 40%,rgba(13,10,8,.38) 70%,rgba(13,10,8,.62) 100%);
  }
  .hd__phone{display:none}
  .hd__burger{display:none}
  .hd__cta{padding:10px 16px;font-size:12px}
  .cover{padding-block:30px}
  .cover__mast{font-size:clamp(1.75rem,8.6vw,4.2rem)}
  .cover__utp{font-size:clamp(1rem,4.6vw,1.4rem)}
  .seal{position:static;transform:rotate(-7deg);margin-bottom:22px}
  .reg__row{grid-template-columns:1fr 1fr}
  .reg__foot{flex-direction:column;align-items:stretch}
  .reg__submit{width:100%}
  .reg__policy{white-space:normal;align-items:flex-start}
}
@media(max-width:520px){
  .reg__row{grid-template-columns:1fr}
  .hd__logo img{height:38px}
  .demo{flex-wrap:wrap;max-width:94vw;justify-content:center;border-radius:18px}
}

/* ----- HERO mobile ----- */
/* ============================================================
   ДГД-2026 · первый экран — МОБИЛЬНАЯ ВЕРСИЯ
   Подключается после hero.css. Точка перехода — 992px.
   ============================================================ */

/* клоны внутри меню — по умолчанию прячем на десктопе (иначе дубли в шапке) */
.hd__nav-extra{display:none}

@media (max-width: 991px) {

  /* ---------- ШАПКА ---------- */
  .hd {
    margin-bottom: 50px;
    padding-block: 8px 0;
    gap: 16px;
  }
  .hd__logo img { height: 40px; }

  /* инлайн-навигация, телефон и CTA уезжают в оверлей */
  .hd__phone,
  .hd__cta { display: none; }

  /* ---------- БУРГЕР ---------- */
  .hd__burger {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 28px; height: 20px;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 60;
  }
  .hd__burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--paper);
    transition: transform .3s ease, opacity .2s ease;
    transform-origin: center;
  }
  .hd__burger.is-open span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
  .hd__burger.is-open span:nth-child(2) { opacity: 0; }
  .hd__burger.is-open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

  /* ---------- ОВЕРЛЕЙ-МЕНЮ ---------- */
  /* .hd__nav в десктопе — инлайновый ряд. На мобильных превращаем в фуллскрин-оверлей. */
  .hd__nav {
    display: flex !important;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: auto;
    width: 70%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 28px;
    margin: 0;
    padding: 96px 24px 48px;
    background: var(--bg);
    box-shadow: -20px 0 60px rgba(0,0,0,.55);
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transform: translateX(20px);
    transition: opacity .3s ease, transform .3s ease;
  }
  .hd__nav.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
  .hd__nav a {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .01em;
    opacity: 1;
  }

  /* клоны телефона и CTA, добавленные скриптом в меню */
  .hd__nav .hd__nav-extra.hd__phone {
    display: block !important;
    margin-top: 16px;
    font-size: 18px;
  }
  .hd__nav .hd__nav-extra.hd__cta {
    display: inline-block !important;
    margin-top: 4px;
  }

  body.menu-open { overflow: hidden; }

  /* ---------- ВИДЕО / ХИРО-БЛОК ---------- */
  .hero__video { display: none !important; }
  .hero__inner { padding-block: 30px 40px; }

  /* ---------- ЗАГОЛОВОК ---------- */
  .cover { padding-block: 30px; }
  .cover__mast { font-size: clamp(2rem, 9vw, 4rem); }

  /* ---------- ФОРМА ---------- */
  /* планшет: 2 колонки вместо растянутого одноколоночного стека; селект — на всю ширину */
  .reg__row { grid-template-columns: repeat(2, 1fr); }
  .reg__row > .reg__field:last-child { grid-column: 1 / -1; }
  .reg__policy { white-space: normal; align-items: flex-start; }
}

@media (max-width: 520px) {
  .hd__logo img { height: 34px; }
  .reg__row { grid-template-columns: 1fr; }
  .demo { flex-wrap: wrap; max-width: 94vw; justify-content: center; border-radius: 18px; }
}

/* ===================== 2 · МАНИФЕСТ ===================== */
/* ============================================================
   ДГД-2026 · Второй экран (манифест-позиционирование)
   Идёт между хиро (тёмный) и «Новым форматом» (тёмные карточки) —
   поэтому СВЕТЛЫЙ: тёплая бумага + чернила + золото. Та же палитра
   бренда, инвертированная. Главный герой — большой вопрос.
   Самодостаточный модуль: screen2.css + screen2.js + index.html
   data-layout: center | flag
   ============================================================ */
.manifesto{
  --paper:#FFFFFF;       /* тёплая бумага */
  --paper-2:#F3F2EF;
  --ink:#16130F;         /* чернила (тёплый чёрный) */
  --ink-soft:#5A5246;    /* приглушённый текст */
  --gold:#978556;        /* бренд-золото (единое по всем экранам) */
  --gold-bright:#B6A06A;
  --rule:rgba(22,17,12,.16);
  --display:"HelveticaNeueCyr","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* ============================================================
   SHELL
   ============================================================ */
.manifesto{
  position:relative;overflow:hidden;isolation:isolate;
  height:90vh;
  display:flex;flex-direction:column;
  background:var(--paper);
  color:var(--ink);
  padding:clamp(28px,4vw,64px);
}
/* тёплая фактура бумаги: мягкий радиальный свет + еле заметное зерно */
.manifesto::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(70% 60% at 50% 8%,rgba(255,252,245,.7),transparent 60%),
    radial-gradient(60% 50% at 88% 100%,rgba(151,133,86,.08),transparent 60%),
    radial-gradient(50% 50% at 6% 92%,rgba(151,133,86,.06),transparent 60%);
}
.manifesto::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* тонкая рамка-кадр в тон хиро, но светлая */
.manifesto__frame{
  position:absolute;z-index:1;pointer-events:none;
  inset:clamp(16px,1.7vw,24px);
  border:1px solid var(--rule);
}

/* фото-подложка (вариант data-bg="photo") — зал, тонированный под тёплый
   светлый тон: обесцвечивание + тёплая сепия + высокая яркость; поверх —
   плотная «бумажная» вуаль, чтобы текст (чернила) оставался читаемым. */
.manifesto__photo{display:none}
.manifesto[data-bg="photo"] .manifesto__photo{display:block;position:absolute;inset:0;z-index:0}
.manifesto[data-bg="photo"] .manifesto__photo::before{
  content:"";position:absolute;inset:0;
  background:url(../img/hall.jpg) center/cover no-repeat;
  filter:grayscale(.55) sepia(.42) brightness(1.16) contrast(.9);
}
.manifesto[data-bg="photo"] .manifesto__photo::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(78% 76% at 50% 50%,rgba(255,255,255,.62),rgba(255,255,255,.86) 70%,rgba(255,255,255,.95) 100%),
    linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.5) 34%,rgba(255,255,255,.5) 66%,rgba(255,255,255,.82) 100%);
}
/* при фото подложке тёплый паперный highlight у .manifesto не нужен */
.manifesto[data-bg="photo"]::before{opacity:.4}

.manifesto__inner{
  position:relative;z-index:2;
  flex:1;width:100%;max-width:1400px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(40px,6vh,90px) 10px;
}

/* ---------- общие элементы ---------- */
.manifesto .kicker{
  display:inline-flex;align-items:center;gap:13px;
  font-size:clamp(11px,1vw,12.5px);font-weight:500;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
}
.manifesto .kicker::before{content:"";width:clamp(26px,3vw,46px);height:1px;background:var(--gold)}

.manifesto .lead{
  font-weight:300;color:var(--ink);
  font-size:clamp(20px,1.8vw,25px);line-height:1.3;
  text-wrap:pretty;margin:0;
}

.manifesto .bridge{
  margin:0;color:var(--ink);
  font-weight:300;font-size:clamp(20px,1.8vw,25px);
  line-height:1.3;
}

.manifesto .question{
  margin:0;color:var(--ink);font-weight:300;
  letter-spacing:-.02em;line-height:1.06;
  font-size:clamp(2.1rem,5.6vw,4.7rem);
  text-wrap:balance;
}
.manifesto .question .q{color:var(--gold);font-weight:400}      /* кавычки — текстовые, золотом */
.manifesto .question em{font-style:normal;color:inherit}  /* раньше были золотые — теперь чернила */

/* воздушные кавычки: тонкие, крупные, полупрозрачные — как подложка
   под первой буквой «К» и финальным «?» */
.manifesto[data-quotes="ghost"] .question{position:relative}
.manifesto[data-quotes="ghost"] .question .q{
  display:inline-block;width:0;height:0;line-height:0;overflow:visible;
  position:relative;z-index:-1;vertical-align:baseline;
  font-weight:300;color:var(--gold);opacity:.24;
  font-size:3em;letter-spacing:-.02em;
}
.manifesto[data-quotes="ghost"] .question .q--open{
  transform:translate(calc(-.16em - 20px),calc(.18em - 8px)) scale(1.066);   /* за «К» */
}
.manifesto[data-quotes="ghost"] .question .q--close{
  transform:translate(calc(-.24em + 20px),calc(.18em - 8px)) scale(1.066);  /* за «?» */
}

/* большая декоративная кавычка (флаг) */
.manifesto .bigquote{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--gold);opacity:.26;line-height:.7;
  font-size:clamp(7rem,16vw,16rem);
  user-select:none;pointer-events:none;
}

/* ============================================================
   РАСКЛАДКА A · ЦЕНТР (симметричный манифест)
   ============================================================ */
.manifesto[data-layout="center"] .manifesto__inner{align-items:center;text-align:center}
.manifesto[data-layout="center"] .lead{max-width:48ch;margin-top:0}
.manifesto[data-layout="center"] .bridge{max-width:48ch;margin-top:clamp(26px,3.4vw,38px)}
.manifesto[data-layout="center"] .question{
  max-width:26ch;margin-top:clamp(24px,3vw,34px);margin-bottom:clamp(80px,9vh,110px);
  border:none;
}
.manifesto[data-layout="center"] .bigquote{display:none}
.manifesto[data-layout="center"] .flag-rule{display:none}

/* ============================================================
   РАСКЛАДКА B · ФЛАГ (левый редакционный разворот)
   ============================================================ */
.manifesto[data-layout="flag"] .manifesto__inner{align-items:flex-start;text-align:left}
.manifesto[data-layout="flag"] .kicker{margin-bottom:clamp(26px,3.4vw,42px)}
.manifesto[data-layout="flag"] .lead{max-width:53ch}
.manifesto[data-layout="flag"] .bridge{
  max-width:42ch;margin-top:clamp(22px,2.8vw,32px);
  padding-left:18px;border-left:2px solid var(--gold);
}
.manifesto[data-layout="flag"] .qwrap{
  position:relative;margin-top:clamp(20px,2.4vw,30px);padding-left:clamp(0px,3vw,52px);
}
.manifesto[data-layout="flag"] .bigquote{
  position:absolute;left:clamp(-14px,-1vw,0px);top:clamp(-58px,-6vw,-30px);z-index:-1;
}
.manifesto[data-layout="flag"] .question{max-width:30ch}
.manifesto[data-layout="flag"] .question .q.q--open{display:none} /* заменена графикой */

/* ============================================================
   REVEAL — отключено намеренно: контент всегда видим (анимации
   входа фризятся в скриншот/превью-пайплайне на opacity:0).
   Классы .rv/.dN оставлены как no-op, чтобы не трогать разметку.
   ============================================================ */
.rv{opacity:1;transform:none}
@keyframes rvIn{from{opacity:1}to{opacity:1}}

/* ============================================================
   ПАНЕЛЬ СРАВНЕНИЯ (review-only — удалить для прод-сборки)
   ============================================================ */
.demo{
  position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);
  display:flex;gap:6px;align-items:center;
  background:rgba(22,17,12,.9);backdrop-filter:blur(12px);
  border:1px solid rgba(194,160,92,.4);border-radius:100px;
  padding:7px 9px;
}
.demo__lbl{color:var(--gold-bright);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;padding:0 8px 0 4px}
.demo button{
  font-family:var(--display);font-size:11.5px;letter-spacing:.04em;
  color:#EFE9DF;background:transparent;border:none;
  border-radius:100px;padding:7px 16px;cursor:pointer;transition:.2s;white-space:nowrap;
}
.demo button:hover{color:#fff}
.demo button[aria-pressed="true"]{background:var(--gold-bright);color:#1a140c;font-weight:500}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media(max-width:720px){
  .manifesto[data-layout="flag"] .manifesto__inner,
  .manifesto[data-layout="center"] .manifesto__inner{align-items:flex-start;text-align:left}
  .manifesto .lead,.manifesto .bridge,.manifesto .question{max-width:none}
  .manifesto[data-layout="center"] .question{max-width:none}
  .question{font-size:clamp(1.9rem,8.4vw,3rem)}
  .lead{font-size:clamp(1.1rem,5vw,1.4rem)}
  .manifesto[data-layout="flag"] .bigquote,
  .bigquote{font-size:clamp(5rem,22vw,8rem)}
  .manifesto[data-layout="flag"] .qwrap{padding-left:0}
  .manifesto[data-layout="flag"] .bigquote{left:-6px;top:-42px}
}

/* ===================== 3 · НОВЫЙ ФОРМАТ ===================== */
/* ============================================================
   Секция «Новый формат. Новые возможности» — вариант МИКС+
   (фото-карточки на тёмном фоне)
   Шрифт/цвета — фирстиль den.gd.ru. Самодостаточный модуль.
   ============================================================ */
.new_format{
  --gold:#978556;
  --gold-bright:#B6A06A;
  --gold-deep:#7C6E46;
  --ink:#14110E;
  --nf-accent:var(--gold);
}

.new_format *,.new_format *::before,.new_format *::after{box-sizing:border-box}

/* ============================================================
   ОБЩЕЕ ДЛЯ СЕКЦИИ
   ============================================================ */
.new_format{
  position:relative;overflow:hidden;
  font-family:HelveticaNeue,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.new_format .container{max-width:1400px;margin:0 auto;padding:0 10px;position:relative;z-index:2}

.nf-head{text-align:center;margin-bottom:64px}
.new_format h2{font-weight:400;line-height:1.2;margin:0;font-size:clamp(32px,4.4vw,52px)}

.nf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
@media(max-width:980px){.nf-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}

.nf-card{position:relative;display:flex;flex-direction:column;border-radius:24px}
.nf-index{font-weight:700;line-height:1;letter-spacing:-.04em;font-size:56px}
.nf-tag{
  align-self:flex-start;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--nf-accent) 55%,transparent);
}
.nf-card h3{font-weight:700;line-height:1.2;margin:0;font-size:clamp(24px,2vw,30px)}
.nf-card h3 em{font-style:normal;color:var(--nf-accent)}
.nf-pre{font-size:clamp(19px,1.5vw,25px);line-height:1.3;color:var(--nf-accent);margin:0}
.nf-text{display:flex;flex-direction:column;gap:14px;font-size:clamp(16px,1.25vw,20px);line-height:1.5}
.nf-text p{margin:0}
.nf-result{display:flex;gap:10px;align-items:flex-start;margin-top:4px;padding-top:20px;position:relative}
.nf-result::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px}
.nf-result b{font-weight:700}

/* теги off (необязательно) */
.new_format.nf-no-tags .nf-tag{display:none}

/* ============================================================
   МИКС · фото-карточки на тёмном фоне
   ============================================================ */
.new_format--mix{background:var(--ink);color:#efe9df;padding:96px 0}
.new_format--mix .container{max-width:1400px}
.new_format--mix .bg-glow{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 60% at 12% 0%,rgba(151,133,86,.22),transparent 60%),
    radial-gradient(55% 55% at 92% 14%,rgba(182,160,106,.14),transparent 60%);
}
.new_format--mix .bg-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(151,133,86,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(151,133,86,.06) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 25%,#000,transparent 75%);
  mask-image:radial-gradient(80% 70% at 50% 25%,#000,transparent 75%);
}
.new_format--mix .nf-head{max-width:1200px;margin:0 auto 50px;text-align:left;padding:0 10px}
.new_format--mix .nf-head h2{color:var(--nf-accent);font-weight:300}

.new_format--mix .nf-grid{gap:26px}
@media(max-width:980px){.new_format--mix .nf-grid{grid-template-columns:1fr;max-width:460px}}

.new_format--mix .nf-card{
  border-radius:0;overflow:visible;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  border:1px solid rgba(151,133,86,.34);
  box-shadow:0 30px 70px -26px rgba(0,0,0,.7);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .5s;
}
.new_format--mix .nf-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:4;
  background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);
  opacity:0;transition:opacity .5s;
}
.new_format--mix .nf-card:hover{
  transform:translateY(-10px);
  box-shadow:0 40px 90px -30px rgba(151,133,86,.55);
}
.new_format--mix .nf-card:hover::before{opacity:1}

.nf-photo{position:relative;overflow:hidden}
.new_format--mix .nf-photo{aspect-ratio:3/2;overflow:hidden}
.new_format--mix .nf-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1);
  transition:filter .6s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.new_format--mix .nf-card:hover .nf-photo img{filter:none;transform:scale(1.06)}
.new_format--mix .nf-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(14,13,12,.0) 40%,rgba(14,13,12,.7) 100%);
}
.new_format--mix .nf-photo::before{
  content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:3;
  background:linear-gradient(100deg,transparent,rgba(255,247,230,.28),transparent);
  transform:skewX(-18deg);pointer-events:none;
}
.new_format--mix .nf-card:hover .nf-photo::before{animation:nfShine 1.05s ease}
.new_format--mix .nf-photo__tag{
  position:absolute;top:16px;left:16px;
  color:#fff;background:rgba(14,13,12,.45);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.4);z-index:4;
}
.new_format--mix .nf-photo__index{
  position:absolute;left:22px;bottom:10px;z-index:4;
  font-size:62px;line-height:1;
  color:transparent;-webkit-text-stroke:1.4px rgba(182,160,106,.75);
  transition:-webkit-text-stroke-color .4s;
}
.new_format--mix .nf-card:hover .nf-photo__index{-webkit-text-stroke-color:var(--gold-bright)}

.new_format--mix .nf-body{
  padding:32px 30px 0;display:flex;flex-direction:column;flex:1;text-align:left;align-items:flex-start;
}
.new_format--mix .nf-card h3{
  text-transform:uppercase;font-weight:700;color:#fff;
  font-size:25px;line-height:1.3;margin-bottom:12px;letter-spacing:.01em;
}
.new_format--mix .nf-card h3 em{font-style:normal;color:var(--nf-accent)}
.new_format--mix .nf-pre{font-size:clamp(17px,1.3vw,20px);color:var(--nf-accent);margin-bottom:20px}
.new_format--mix .nf-text{color:#ddd7cc;align-items:flex-start;font-size:20px;line-height:1.5em;margin-bottom:28px}
.new_format--mix .nf-text p{text-wrap:pretty}
.new_format--mix .nf-result{
  margin:auto -30px 0;
  padding:22px 30px 24px;
  display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(180deg,rgba(151,133,86,.2),rgba(151,133,86,.09));
  border-top:1px solid rgba(151,133,86,.45);
  font-size:20px;line-height:30px;color:#efe9df;
}
.new_format--mix .nf-result::before{display:none}
.new_format--mix .nf-result p{font-size:20px;line-height:30px}
.new_format--mix .nf-result b{color:var(--gold-bright);font-weight:700}

@keyframes nfShine{0%{left:-60%}100%{left:130%}}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.new_format .reveal{opacity:0;transform:translateY(38px)}
.new_format .reveal.in{opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.nf-grid .reveal:nth-child(2){transition-delay:.12s}
.nf-grid .reveal:nth-child(3){transition-delay:.24s}

.new_format.nf-no-anim .reveal{opacity:1!important;transform:none!important;transition:none!important}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
}

/* ===================== 4 · ТРИ ПРИЧИНЫ ===================== */
/* ============================================================
   ДГД-2026 · Экран 4 — «Сильнейшие…» (триада причин)
   Тёмная система (как хиро / «Новый формат»): тёплый чёрный + золото,
   Helvetica. Прямоугольные фото. Анафора «СИЛЬНЕЙШ…» — крупно.
   Один DOM, три раскладки: data-layout = index | zigzag | band
   ============================================================ */
.strong{
  --bg:#14110E;
  --bg-2:#1B1713;
  --gold:#978556;
  --gold-deep:#7C6E46;
  --gold-lt:#B6A06A;
  --paper:#EFE9DF;
  --muted:#A89F90;
  --line:rgba(151,133,86,.22);
  --display:"HelveticaNeueCyr","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* ============================================================
   SHELL
   ============================================================ */
.strong{
  position:relative;overflow:hidden;isolation:isolate;
  background:var(--bg);color:var(--paper);
  padding:clamp(56px,8vh,110px) 0;
}
.strong__glow{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:
    radial-gradient(52% 46% at 7% 24%,rgba(151,133,86,.14),transparent 60%),
    radial-gradient(50% 50% at 96% 98%,rgba(124,110,70,.13),transparent 62%);
}
.strong__inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:0 10px}

/* ---------- секционный заголовок ---------- */
.strong__head{max-width:1200px;margin:0 auto 50px;padding:0 10px;text-align:left}
.strong__eyebrow{
  display:inline-flex;align-items:center;gap:13px;
  font-size:clamp(11px,1vw,12.5px);font-weight:500;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.strong__eyebrow::before{content:"";width:clamp(26px,3vw,46px);height:1px;background:var(--gold)}
.strong__title{
  margin:0;font-weight:300;color:var(--paper);max-width:700px;
  font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance;
}
.strong__title b{font-weight:700;color:var(--white,#fff)}

/* ============================================================
   ОБЩИЕ ЭЛЕМЕНТЫ ITEM
   ============================================================ */
.strong .item{position:relative}
.strong .num{
  font-weight:700;line-height:.9;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:1.5px var(--gold);
  font-size:clamp(3rem,6vw,5.4rem);display:block;
}
.strong .ititle{margin:0;line-height:.98}
.strong .ititle .big{
  display:block;font-weight:700;text-transform:uppercase;color:var(--gold);
  font-size:clamp(1.9rem,3.6vw,3.1rem);letter-spacing:-.01em;
}
.strong .ititle .noun{
  display:block;font-weight:300;color:var(--paper);
  font-size:clamp(1.35rem,2.4vw,2.05rem);letter-spacing:.01em;margin-top:2px;
}
.strong .ibul{list-style:none;margin:clamp(16px,2vw,24px) 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.strong .ibul li{
  position:relative;padding-left:26px;
  font-weight:300;line-height:1.42;color:var(--paper);
  font-size:clamp(15px,1.2vw,18px);text-wrap:pretty;
}
.strong .ibul li::before{
  content:"";position:absolute;left:2px;top:.62em;
  width:11px;height:1.5px;background:var(--gold);
}
.strong .photo{position:relative;overflow:hidden}
.strong .photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) contrast(1.04) brightness(.92);
  transition:filter .6s ease,transform 1s cubic-bezier(.2,.7,.2,1);
}
.strong .item:hover .photo img{filter:grayscale(.15) contrast(1.05) brightness(.98);transform:scale(1.04)}

/* ============================================================
   A · ИНДЕКС  (нумерованный редакционный список + линии)
   ============================================================ */
.strong[data-layout="index"] .items{display:flex;flex-direction:column}
.strong[data-layout="index"] .item{
  display:grid;align-items:center;
  gap:clamp(26px,4vw,64px);
  grid-template-columns:1fr clamp(260px,32%,420px);
  grid-template-areas:"content photo";
  padding:clamp(34px,5vh,58px) 0;
}
.strong[data-layout="index"] .item + .item{border-top:1px solid var(--line)}
.strong[data-layout="index"] .item:nth-child(even){
  grid-template-columns:clamp(260px,32%,420px) 1fr;
  grid-template-areas:"photo content";
}
.strong[data-layout="index"] .content{grid-area:content}
.strong[data-layout="index"] .photo{grid-area:photo;aspect-ratio:4/3;border:1px solid var(--line)}
.strong[data-layout="index"] .num{margin-bottom:14px}
.strong[data-layout="index"] .ibul{max-width:52ch}

/* ============================================================
   B · ЗИГЗАГ  (крупные развороты 50/50, фото большое)
   ============================================================ */
.strong[data-layout="zigzag"] .items{display:flex;flex-direction:column;gap:clamp(40px,6vh,80px)}
.strong[data-layout="zigzag"] .item{
  display:grid;align-items:center;gap:clamp(30px,5vw,76px);
  grid-template-columns:1fr 1fr;grid-template-areas:"content photo";
}
.strong[data-layout="zigzag"] .item:nth-child(even){grid-template-areas:"photo content"}
.strong[data-layout="zigzag"] .content{grid-area:content;position:relative}
.strong[data-layout="zigzag"] .photo{grid-area:photo;aspect-ratio:5/4;border:1px solid var(--line)}
.strong[data-layout="zigzag"] .num{
  position:absolute;top:-.36em;left:-.06em;z-index:-1;opacity:.5;
  font-size:clamp(5rem,11vw,10rem);-webkit-text-stroke:1.5px rgba(151,133,86,.5);
}
.strong[data-layout="zigzag"] .ititle{padding-top:clamp(20px,3vw,44px)}
.strong[data-layout="zigzag"] .ibul{max-width:46ch}

/* ============================================================
   C · ЛЕНТА  (полноширинные полосы, фото-подложка + затемнение)
   ============================================================ */
.strong[data-layout="band"]{padding:clamp(40px,6vh,80px) 0}
.strong[data-layout="band"] .strong__inner{max-width:1340px}
.strong[data-layout="band"] .items{display:flex;flex-direction:column;gap:clamp(20px,3vh,34px)}
.strong[data-layout="band"] .item{
  display:flex;align-items:flex-end;
  min-height:clamp(300px,42vh,440px);
  padding:clamp(28px,4vw,52px);
  border:1px solid var(--line);overflow:hidden;
}
.strong[data-layout="band"] .photo{position:absolute;inset:0;z-index:0;aspect-ratio:auto}
.strong[data-layout="band"] .photo img{height:100%;filter:grayscale(1) contrast(1.04) brightness(.62)}
.strong[data-layout="band"] .item::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(13,10,8,.92) 0%,rgba(13,10,8,.72) 40%,rgba(13,10,8,.34) 100%),
             linear-gradient(0deg,rgba(13,10,8,.8),transparent 60%);
}
.strong[data-layout="band"] .item:nth-child(even){align-items:flex-end;justify-content:flex-end;text-align:right}
.strong[data-layout="band"] .item:nth-child(even)::after{
  background:linear-gradient(270deg,rgba(13,10,8,.92) 0%,rgba(13,10,8,.72) 40%,rgba(13,10,8,.34) 100%),
             linear-gradient(0deg,rgba(13,10,8,.8),transparent 60%);
}
.strong[data-layout="band"] .content{position:relative;z-index:2;max-width:600px}
.strong[data-layout="band"] .item:hover .photo img{filter:grayscale(.4) contrast(1.05) brightness(.7);transform:scale(1.04)}
.strong[data-layout="band"] .num{
  font-size:clamp(2.4rem,4vw,3.4rem);margin-bottom:10px;
}
.strong[data-layout="band"] .item:nth-child(even) .ibul li{padding-left:0;padding-right:26px}
.strong[data-layout="band"] .item:nth-child(even) .ibul li::before{left:auto;right:2px}
.strong[data-layout="band"] .item:nth-child(even) .strong__eyebrow{flex-direction:row-reverse}

/* ============================================================
   REVEAL (база видимая)
   ============================================================ */
.rv{opacity:1;transform:none}

/* ============================================================
   ПАНЕЛЬ СРАВНЕНИЯ (review-only)
   ============================================================ */
.demo{
  position:fixed;z-index:50;left:50%;bottom:16px;transform:translateX(-50%);
  display:flex;gap:4px;align-items:center;
  background:rgba(20,17,14,.9);backdrop-filter:blur(12px);
  border:1px solid var(--line);border-radius:100px;padding:7px 9px;
}
.demo__lbl{color:var(--gold-lt);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;padding:0 8px 0 4px}
.demo button{
  font-family:var(--display);font-size:11.5px;letter-spacing:.04em;
  color:var(--paper);background:transparent;border:none;border-radius:100px;
  padding:7px 15px;cursor:pointer;transition:.2s;white-space:nowrap;
}
.demo button:hover{color:var(--gold-lt)}
.demo button[aria-pressed="true"]{background:var(--gold-lt);color:#1a140c;font-weight:500}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media(max-width:860px){
  .strong[data-layout="index"] .item,
  .strong[data-layout="index"] .item:nth-child(even),
  .strong[data-layout="zigzag"] .item,
  .strong[data-layout="zigzag"] .item:nth-child(even){
    grid-template-columns:1fr;grid-template-areas:"photo" "content";gap:20px;
  }
  .strong[data-layout="index"] .photo,
  .strong[data-layout="zigzag"] .photo{aspect-ratio:16/10}
  .strong[data-layout="zigzag"] .num{position:static;opacity:1;-webkit-text-stroke-width:1.2px;font-size:clamp(3rem,12vw,4.5rem)}
  .strong[data-layout="zigzag"] .ititle{padding-top:0}
  .strong[data-layout="band"] .item,
  .strong[data-layout="band"] .item:nth-child(even){text-align:left;justify-content:flex-start}
  .strong[data-layout="band"] .item:nth-child(even) .ibul li{padding-left:26px;padding-right:0}
  .strong[data-layout="band"] .item:nth-child(even) .ibul li::before{left:2px;right:auto}
}

/* мобильные правки экранов 3–4 (new_format / strong) + манифест */
@media(max-width:860px){
  .new_format h2,
  .strong__title{font-size:2.375rem}
  .new_format--mix .nf-body{padding:32px 20px 0;overflow:hidden}
  .manifesto{height:auto}
  .manifesto[data-layout="center"] .question{margin-bottom:40px}
}

/* Показ попапа «Заказать звонок»: на мобиле его opacity раньше выставлял JS-путь
   старой шапки (.js-burger), которой больше нет. На десктопе попап показывается
   через transform. Делаем активный попап видимым независимо от того пути. */
.order-call.order-call--active{opacity:1 !important;transform:translateX(0) !important;transition:none !important}