/* Обложка v17 (29.09.2026), утверждена Романом: вариант А, правый блок по верхнему краю.
   Слои собраны из Варианты-обложки_2026-09-29 в порядке v11 → v17. */
/* ── вариант v11 (29.09) — от опубликованной обложки, правки Романа по пунктам ──
   1. стекло v3: каждая буква под одним углом, буквы тоньше (Playfair 600)
   2. без HIGH BUSINESS TECHNOLOGY
   3. нижняя часть левого блока мельче и не капслоком, верх прежний
   4. левая кнопка голубая, правая контурная
   5. правый блок перестроен; шрифт и размеры как на снимке клиента (эксперимент) */
.mag-head{padding-top:clamp(24px,4.4vh,46px)}  /* надписи сверху нет, но REACH стоит там же, где на сайте */
/* размер верхней строки как на сайте (подгонка по высоте правого блока отключена) */
.mag-title--caps{font-size:clamp(40px,min(3.7vw,5.9vh),54px)!important}
.mag-title--say .mag-say--sub{font-size:.44em!important;text-transform:none!important;letter-spacing:.01em!important;line-height:1.42!important;color:#c3d1dc!important}
.mag-lead .cta#start{background:#8cdafa;border-color:#8cdafa;color:#0a1322}
.mag-lead .cta#start .cta-arrow{background:#0a1322;color:#8cdafa}
.mag-lead .cta#start:hover{background:#b5e8fc;border-color:#b5e8fc}
.acc{display:flex;flex-direction:column;justify-content:flex-start}
.acc,.acc p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.acc-lead{margin:0 0 clamp(10px,1.6vh,16px);font:700 clamp(13px,min(1.1vw,1.9vh),17px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8cdafa}
.acc-num{margin:0;font-weight:400;font-size:clamp(42px,min(3.9vw,6.3vh),60px);line-height:1;color:#fff;letter-spacing:-.01em;white-space:nowrap}
.acc-num small{font-size:.42em;margin-right:.18em;color:#dce8f0;vertical-align:.12em}
.acc-cap{margin:clamp(8px,1.2vh,12px) 0 0;font-size:clamp(15px,min(1.3vw,2.2vh),20px);line-height:1.4;color:#b9c8d4}
.acc-text{margin:clamp(20px,3.2vh,34px) 0 0;font-size:clamp(15px,min(1.2vw,2vh),19px);line-height:1.55;color:#dfe8ee;max-width:none}
.acc-text span{display:block}

/* ── v13 (29.09): весь текст узким PT Sans Narrow, как на опубликованном сайте;
   верхняя строка слева — заглавными того же размера, что на сайте;
   подзаголовки крупнее; справа две фразы подряд, без отступа ── */
.acc,.acc p{font-family:"PT Sans Narrow","PT Sans",Arial,sans-serif!important}
.acc-lead{font:700 clamp(15px,min(1.3vw,2.2vh),20px)/1 "PT Sans Narrow",sans-serif!important;letter-spacing:.18em!important}
.acc-num{font:400 clamp(46px,min(4.2vw,6.8vh),66px)/1 "PT Sans Narrow",sans-serif!important;letter-spacing:0!important}
.acc-num small{font-size:.4em}
.mag-title--say .mag-say--sub{font-size:.46em!important}
.acc-cap,.acc-text{font-size:clamp(17px,min(1.58vw,2.6vh),22.5px)!important;line-height:1.4!important;letter-spacing:0}
.acc-text{max-width:none!important}
.acc-text span{display:block;margin:0!important}

/* ── v14 (29.09): оборот одной строкой — «від 5 млн € річного обороту» ── */
.acc-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .22em}
.acc-num small{font-size:.4em;margin-right:0!important;vertical-align:baseline!important}
.acc-num .acc-in{font:400 clamp(17px,min(1.58vw,2.6vh),22.5px)/1.2 "PT Sans Narrow",sans-serif;color:#b9c8d4;letter-spacing:0;margin-left:.25em}
.acc-text{margin-top:clamp(18px,3vh,30px)!important}

/* ── v15 (29.09): REACH крупнее; BUSINESS MODEL тем же кеглем, что строки текста на экране ── */
.mag .masthead{font-size:clamp(80px,min(12vw,20vh),200px)!important}
.mag-rule{font-size:clamp(17px,min(1.58vw,2.6vh),22.5px)!important}
@media(max-width:700px){.mag .masthead{font-size:clamp(60px,18.5vw,120px)!important}.mag-rule{font-size:15px!important}}

/* ── v16 (29.09): правый блок по раскладке Романа — ДЛЯ КОМПАНИЙ, два признака в две строки, оборот последним ── */
.acc .acc-text{margin-top:clamp(18px,3vh,30px)!important}
.acc .acc-lead+.acc-text{margin-top:0!important}
.acc .acc-num{margin-top:clamp(18px,3vh,30px)!important}
.acc .acc-num .acc-in{margin-left:0!important;margin-right:.1em}
/* заголовок слева не шире колонки: на экранах от 1680 он уходил в три строки */
.mag-title--caps{font-size:clamp(40px,min(3.7vw,5.9vh),47.5px)!important}

/* ── v17 (29.09): оборот сразу под «ДЛЯ КОМПАНИЙ», без отдельного отступа; дальше два признака ── */
.acc .acc-lead{margin-bottom:clamp(2px,.6vh,6px)!important}
.acc .acc-lead+.acc-num{margin-top:0!important}
.acc .acc-num+.acc-text{margin-top:clamp(18px,3vh,30px)!important}

/* 30.09: при открытии не показывать плоское REACH запасным шрифтом и прежнее положение блоков.
   Плоский текст скрыт, пока не встанет стекло; всё поле обложки проявляется после того,
   как загрузились шрифты и сетка расставила блоки. Если стекла нет (старый браузер,
   «меньше движения»), плоский текст возвращается. */
html.glass-wait .mag .masthead{color:transparent}
html.grid-wait .mag-in{opacity:0}
.mag-in{transition:opacity .7s ease}

html.grid-wait .masthead-glass{opacity:0}
.masthead-glass{transition:opacity .7s ease}
