<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Издательство Mike Pritula Academy</title>
    <link>https://pritula.academy</link>
    <description>Лучшие HR и бизнес книги</description>
    <language>ru</language>
    <lastBuildDate>Tue, 23 Jun 2026 21:14:41 +0300</lastBuildDate>
    <item turbo="true">
      <title>Книга «7 ролей современного CHRO»</title>
      <link>https://pritula.academy/books/chro</link>
      <amplink>https://pritula.academy/books/chro?amp=true</amplink>
      <pubDate>Tue, 23 Jun 2026 18:33:00 +0300</pubDate>
      <author>Mike Pritula</author>
      <enclosure url="https://static.tildacdn.com/tild3735-6366-4165-b163-383630346238/Screenshot_2026-06-2.jpg" type="image/jpeg"/>
      <description>Станьте бизнес-стратегом и финансовым партнером, которого ваш генеральный директор не сможет заменить</description>
      <turbo:content><![CDATA[<header><h1>Книга «7 ролей современного CHRO»</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3735-6366-4165-b163-383630346238/Screenshot_2026-06-2.jpg"/></figure><div class="t-redactor__embedcode"><!-- ================================================================
     chro · Block 01 · HERO (книга · одностраничный блок)
     Book: «7 ролей современного директора по кадрам» · Mike Pritula
     Page: pritula.academy/books/cmout8uh61-... — это пост Tilda FEED.
     ─ ОСОБЕННОСТИ ХОСТА (учтены): ─────────────────────────────────
       1) H1 даёт сам фид (itemprop="headline"). Наш заголовок = <h2>,
          чтобы на странице был ровно один H1. НЕ возвращать сюда <h1>.
       2) Фид сам выводит ОБЛОЖКУ поста сверху → в Hero её НЕ дублируем,
          справа ставим портрет автора.
       3) Ширина: .t-feed__post-popup__content капит контент на 760px
          (внутри 1200-контейнера фида). Снимаем кап точечным оверрайдом
          ниже, чтобы блок занял всю сетку. На узких вьюпортах оверрайд
          безвреден (контент и так = ширине контейнера).
     Background: cream #F4EEE4  ·  Scoped: .mp-chro-hero  ·  Prefix: mph-
     Tilda T123: Width 100% · Top/Bottom padding 0 · No bg.
     Anchors: none (CTA «Оформить книгу» ведёт на #order — блок заказа)
     JS: плавный скролл по CTA к #order (Tilda свой smooth не вешает на T123-якоря)
     CTA: «Оформить книгу ↓» → #order (скролл к футер-блоку книг .mp-book-cta).
       Кнопки заказа — там: #popup:book / #popup:multiple / #popup:embedcode.
================================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=JetBrains+Mono:wght@400;700&family=Manrope:wght@400;500;700;800&display=swap" rel="stylesheet">

<section class="mp-chro-hero">
  <div class="mph-noise"></div>
  <div class="mph-blob mph-blob-1"></div>
  <div class="mph-blob mph-blob-2"></div>

  <div class="mph-inner">
    <div class="mph-kicker">
      <span class="mph-k-num">01</span>
      <span class="mph-k-line"></span>
      <span class="mph-k-label">THE 7 ROLES OF THE MODERN CHRO · НОВАЯ КНИГА</span>
    </div>

    <div class="mph-grid">
      <!-- ЛЕВО: заголовок + лид + покупка -->
      <div class="mph-col-text">
        <h2 class="mph-head">
          <span class="word">7&nbsp;РОЛЕЙ</span>
          <span class="word">CHRO,</span>
          <em>которого не заменить.</em>
        </h2>

        <p class="mph-sub">Как стать стратегом и финансовым партнёром, без которого совет директоров не примет ни одного решения.</p>

        <p class="mph-lead">Двадцать лет в советах директоров — банки, медиа, tech. И каждый раз один сценарий: HR приходит с вовлечённостью и запущенной программой, а финансовый директор спрашивает — <em>сколько это стоило и что мы получили?</em> Ответа нет. Эта книга закрывает разрыв между <strong>операционным HR</strong> и <strong>CHRO</strong> — переводит работу с людьми на единственный язык, который понимает совет: деньги.</p>

        <div class="mph-stats">
          <span class="mph-stat"><b>57</b> готовых шаблонов</span>
          <span class="mph-stat-sep" aria-hidden="true"></span>
          <span class="mph-stat"><b>19</b> глав</span>
          <span class="mph-stat-sep" aria-hidden="true"></span>
          <span class="mph-stat"><b>7</b> ролей</span>
        </div>

        <a class="mph-scroll" href="#order">
          <span>Оформить книгу</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </a>
      </div>

      <!-- ПРАВО: 7 ролей (перекличка с заголовком) + цифры + автор -->
      <div class="mph-col-media">
        <ul class="mph-roles">
          <li class="mph-role"><b>1</b><span>Стратег</span></li>
          <li class="mph-role"><b>2</b><span>Финансовый партнёр</span></li>
          <li class="mph-role"><b>3</b><span>Развивает таланты</span></li>
          <li class="mph-role"><b>4</b><span>Архитектор культуры</span></li>
          <li class="mph-role"><b>5</b><span>Лидер изменений</span></li>
          <li class="mph-role"><b>6</b><span>Переговорщик со всеми сторонами</span></li>
          <li class="mph-role"><b>7</b><span>Доверенный советник</span></li>
        </ul>

        <div class="mph-portrait">
          <div class="mph-frame">
            <img src="https://optim.tildacdn.one/tild6239-3530-4666-a338-666630303932/-/resize/920x/-/format/webp/image.png.webp"
                 alt="Mike Pritula — автор книги" loading="lazy" width="804" height="1010">
          </div>
          <div class="mph-tag">
            <span class="mph-tag-name">Mike Pritula</span>
            <span class="mph-tag-cred">PHRi · SHRM-CP · 20 лет в HR</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
/* ── ФИКС ХОСТА: снять 760px-кап читательского столбца фида (см. шапку, п.3).
   Единственное правило вне префикса блока — намеренный, точечный оверрайд
   контейнера Tilda Feed на этой одностраничной публикации поста. ── */
.t-feed__post-popup__content{max-width:none !important; width:100% !important;}

.mp-chro-hero,
.mp-chro-hero *,
.mp-chro-hero *::before,
.mp-chro-hero *::after{box-sizing:border-box;margin:0;padding:0;min-width:0}

.mp-chro-hero{
  --mph-bg:#F4EEE4; --mph-ink:#15123A; --mph-hero:#7B3FF2; --mph-coral:#E86C5D;
  --mph-paper:#FBFAF6; --mph-lime:#C4E456; --mph-lilac:#E9D8FF; --mph-line:rgba(21,18,58,.14); --mph-muted:rgba(21,18,58,.58);
  position:relative; isolation:isolate;
  background:var(--mph-bg); color:var(--mph-ink);
  font-family:'Manrope',-apple-system,sans-serif;
  padding:104px 0; overflow:hidden; word-break:keep-all;
}

/* ссылки — 5 состояний */
.mp-chro-hero a,.mp-chro-hero a:link,.mp-chro-hero a:visited,
.mp-chro-hero a:hover,.mp-chro-hero a:active,.mp-chro-hero a:focus{
  color:inherit; text-decoration:none !important; border:none; outline:none;
}

/* фактура */
.mp-chro-hero .mph-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");opacity:.16;pointer-events:none;mix-blend-mode:multiply;z-index:1}
.mp-chro-hero .mph-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:2;filter:blur(14px)}
.mp-chro-hero .mph-blob-1{top:-130px;right:-70px;width:360px;height:360px;background:rgba(123,63,242,.20);opacity:.55;animation:mph-float 14s ease-in-out infinite}
.mp-chro-hero .mph-blob-2{bottom:-110px;left:-110px;width:300px;height:300px;background:rgba(232,108,93,.18);opacity:.55;animation:mph-float 12s ease-in-out infinite reverse}
@keyframes mph-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-30px) scale(1.05)}}

.mp-chro-hero .mph-inner{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:0 48px}

/* kicker */
.mp-chro-hero .mph-kicker{display:inline-flex;align-items:center;gap:14px;margin-bottom:38px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mph-ink)}
.mp-chro-hero .mph-k-num{color:var(--mph-coral);font-size:14px}
.mp-chro-hero .mph-k-line{width:48px;height:1.5px;background:var(--mph-ink)}
.mp-chro-hero .mph-k-label{color:var(--mph-muted)}

/* grid */
.mp-chro-hero .mph-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}

/* заголовок (визуальный H2 — H1 у Tilda-фида) */
.mp-chro-hero .mph-head{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;color:var(--mph-ink)}
.mp-chro-hero .mph-head .word{display:inline-block;white-space:nowrap;margin-right:.18em}
.mp-chro-hero .mph-head em{display:block;margin-top:.06em;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:.62em;letter-spacing:-.02em;text-transform:none;color:var(--mph-hero)}

/* subtitle / lead */
.mp-chro-hero .mph-sub{margin-top:26px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,26px);line-height:1.3;color:var(--mph-ink);max-width:30ch}
.mp-chro-hero .mph-lead{margin-top:22px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--mph-muted)}
.mp-chro-hero .mph-lead strong{color:var(--mph-ink);font-weight:800}
.mp-chro-hero .mph-lead em{font-family:'Fraunces',Georgia,serif;font-style:italic;color:var(--mph-ink);font-weight:600}

/* roles */
.mp-chro-hero .mph-roles{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.mp-chro-hero .mph-role{display:inline-flex;align-items:center;gap:9px;background:var(--mph-paper);border:1.5px solid var(--mph-ink);padding:9px 14px;box-shadow:3px 3px 0 var(--mph-ink);font-size:14px;font-weight:700;line-height:1}
.mp-chro-hero .mph-role b{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--mph-coral)}

/* stats */
.mp-chro-hero .mph-stats{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}
.mp-chro-hero .mph-stat{font-size:15px;font-weight:500;color:var(--mph-muted)}
.mp-chro-hero .mph-stat b{font-family:'Archivo Black',Impact,sans-serif;font-size:30px;color:var(--mph-ink);margin-right:6px;vertical-align:-3px}
.mp-chro-hero .mph-stat-sep{width:1.5px;height:26px;background:var(--mph-line)}

/* CTA-переход к блоку заказа */
.mp-chro-hero .mph-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:38px;background:var(--mph-ink);color:var(--mph-paper) !important;font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;padding:16px 26px;border:1.5px solid var(--mph-ink);box-shadow:6px 6px 0 var(--mph-hero);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.mp-chro-hero .mph-scroll:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--mph-hero)}
.mp-chro-hero .mph-scroll svg{width:18px;height:18px;animation:mph-bounce 1.6s ease-in-out infinite}
@keyframes mph-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* портрет автора (рамка кадрирует вшитую полосу логотипов снизу) */
.mp-chro-hero .mph-col-media{display:flex;flex-direction:column;align-items:stretch;gap:30px}
.mp-chro-hero .mph-portrait{position:relative;width:100%;max-width:none;margin-top:4px}
.mp-chro-hero .mph-frame{position:relative;aspect-ratio:804/875;overflow:hidden;background:var(--mph-lilac);border:1.5px solid var(--mph-ink);box-shadow:10px 10px 0 var(--mph-ink)}
.mp-chro-hero .mph-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 0%}
.mp-chro-hero .mph-tag{position:absolute;z-index:2;left:-14px;bottom:22px;background:var(--mph-ink);color:var(--mph-paper);padding:12px 18px;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--mph-coral)}
.mp-chro-hero .mph-tag-name{display:block;font-family:'Archivo Black',Impact,sans-serif;font-size:18px;letter-spacing:.01em;line-height:1}
.mp-chro-hero .mph-tag-cred{display:block;margin-top:5px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mph-lime)}

/* адаптив */
@media (max-width:1100px){
  .mp-chro-hero{padding:88px 0}
  .mp-chro-hero .mph-inner{padding:0 32px}
  .mp-chro-hero .mph-grid{gap:44px}
}
@media (max-width:960px){
  .mp-chro-hero{padding:76px 0}
  .mp-chro-hero .mph-grid{grid-template-columns:1fr;gap:48px}
  .mp-chro-hero .mph-col-media{align-items:stretch}
  .mp-chro-hero .mph-portrait{max-width:330px}
}
@media (max-width:640px){
  .mp-chro-hero{padding:56px 0}
  .mp-chro-hero .mph-inner{padding:0 20px}
  .mp-chro-hero .mph-blob-1,.mp-chro-hero .mph-blob-2{display:none}
  .mp-chro-hero .mph-kicker{margin-bottom:28px;gap:10px}
  .mp-chro-hero .mph-k-label{font-size:11px}
  .mp-chro-hero .mph-stat b{font-size:26px}
  .mp-chro-hero .mph-scroll{width:100%;justify-content:center}
  .mp-chro-hero .mph-portrait{max-width:290px}
}
@media (max-width:380px){
  .mp-chro-hero .mph-inner{padding:0 16px}
  .mp-chro-hero .mph-role{font-size:13px;padding:8px 12px}
}
</style>

<script>
/* Плавный скролл по CTA «Оформить книгу» к блоку заказа (#order).
   Tilda свой smooth-scroll вешает только на нативные якоря, поэтому
   делаем сами. IIFE, цель ищем в момент клика (блок заказа уже в DOM). */
(function(){
  var s=document.querySelector('.mp-chro-hero'); if(!s) return;
  var link=s.querySelector('.mph-scroll'); if(!link) return;
  link.addEventListener('click', function(e){
    var t=document.getElementById('order');
    if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth', block:'start'}); }
  });
})();
</script>   </div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Книга Геймдев Рекрутер</title>
      <link>https://pritula.academy/books/gamedev</link>
      <amplink>https://pritula.academy/books/gamedev?amp=true</amplink>
      <pubDate>Tue, 23 Jun 2026 21:06:00 +0300</pubDate>
      <author>Mike Pritula</author>
      <enclosure url="https://static.tildacdn.com/tild6563-3534-4061-a332-343037363039/cover_wrap_hardcover.jpg" type="image/jpeg"/>
      <description>Практическое руководство по найму разработчиков, художников и дизайнеров</description>
      <turbo:content><![CDATA[<header><h1>Книга Геймдев Рекрутер</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild6563-3534-4061-a332-343037363039/cover_wrap_hardcover.jpg"/></figure><div class="t-redactor__embedcode"><!-- ================================================================
     gdr · Блок 01 · HERO (книга · одностраничный блок)
     Книга: «GameDev Recruiter — A Field Guide to Hiring Developers,
            Artists, and Designers» · Mike Pritula · RU-лендинг
     Page: пост Tilda FEED для книг (тот же хост-паттерн, что у CHRO-страницы).
     ─ ОСОБЕННОСТИ ХОСТА (перенесены, тот же Tilda Feed): ──────────
       1) H1 даёт сам фид (itemprop="headline"). Наш заголовок = <h2>,
          чтобы на странице был ровно один H1. НЕ возвращать сюда <h1>.
       2) Фид сам выводит ОБЛОЖКУ поста сверху → в Hero её НЕ дублируем,
          справа ставим портрет автора.
       3) .t-feed__post-popup__content капит контент на 760px — снимаем кап
          точечным scoped-оверрайдом ниже. На узких вьюпортах безвреден.
     Background: cream #F4EEE4  ·  Scoped: .mp-gdr-hero  ·  Prefix: mpg-
     Tilda T123: Width 100% · Top/Bottom padding 0 · No bg.
     CTA: «Оформить книгу ↓» → #order  (плавный скролл к блоку заказа на странице).
       ⚠ Если книга продаётся на Amazon — дай URL, перенаправлю кнопку.
================================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=JetBrains+Mono:wght@400;700&family=Manrope:wght@400;500;700;800&display=swap" rel="stylesheet">

<section class="mp-gdr-hero">
  <div class="mpg-noise"></div>
  <div class="mpg-blob mpg-blob-1"></div>
  <div class="mpg-blob mpg-blob-2"></div>

  <div class="mpg-inner">
    <div class="mpg-kicker">
      <span class="mpg-k-num">01</span>
      <span class="mpg-k-line"></span>
      <span class="mpg-k-label">THE ROLE LENS · GAMEDEV RECRUITER · НОВАЯ КНИГА</span>
    </div>

    <div class="mpg-grid">
      <!-- ЛЕВО: заголовок + лид + покупка -->
      <div class="mpg-col-text">
        <h2 class="mpg-head">
          <span class="word">РАЗБЕРИ</span>
          <span class="word">ЛЮБУЮ</span>
          <span class="word">РОЛЬ</span>
          <em>в игровой студии.</em>
        </h2>

        <p class="mpg-sub">Как читать любую вакансию в игровой команде — и нанимать тех, кто действительно делает игры.</p>

        <p class="mpg-lead">Вы закрыли сотню корпоративных вакансий. А потом студия присылает <em>Senior Technical Artist</em> — вроде по-английски, но не значит ничего знакомого. Кандидаты из геймдева с первого сообщения понимают, разбираетесь ли вы в их ремесле, — и сильные просто перестают отвечать тем, кто не разбирается. <strong>«Линза ролей»</strong> закрывает этот разрыв: освойте метод один раз — и расшифруете незнакомое название, напишете вакансию и проведёте скрининг, не блефуя.</p>

        <div class="mpg-stats">
          <span class="mpg-stat"><b>57</b> готовых шаблонов</span>
          <span class="mpg-stat-sep" aria-hidden="true"></span>
          <span class="mpg-stat"><b>19</b> глав</span>
          <span class="mpg-stat-sep" aria-hidden="true"></span>
          <span class="mpg-stat"><b>5</b> направлений</span>
        </div>

        <a class="mpg-scroll" href="#order">
          <span>Оформить книгу</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </a>
      </div>

      <!-- ПРАВО: метод книги (Линза ролей) + автор -->
      <div class="mpg-col-media">
        <div class="mpg-lens">
          <div class="mpg-lens-head">«Линза ролей» · 3 вопроса</div>
          <div class="mpg-q"><b>1</b><span>Что он создаёт?</span></div>
          <div class="mpg-q"><b>2</b><span>Кому передаёт работу?</span></div>
          <div class="mpg-q"><b>3</b><span>Что отличает сеньора от джуниора?</span></div>
        </div>

        <div class="mpg-portrait">
          <div class="mpg-frame">
            <img src="https://optim.tildacdn.one/tild6239-3530-4666-a338-666630303932/-/resize/920x/-/format/webp/image.png.webp"
                 alt="Mike Pritula — автор книги" loading="lazy" width="804" height="1010">
          </div>
          <div class="mpg-tag">
            <span class="mpg-tag-name">Mike Pritula</span>
            <span class="mpg-tag-cred">PHRi · SHRM-CP · 20 лет в HR</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
/* ── ФИКС ХОСТА: снять 760px-кап читательского столбца фида (см. шапку, п.3).
   Единственное правило вне префикса блока — намеренный точечный оверрайд. ── */
.t-feed__post-popup__content{max-width:none !important; width:100% !important;}

.mp-gdr-hero,
.mp-gdr-hero *,
.mp-gdr-hero *::before,
.mp-gdr-hero *::after{box-sizing:border-box;margin:0;padding:0;min-width:0}

.mp-gdr-hero{
  --mpg-bg:#F4EEE4; --mpg-ink:#15123A; --mpg-hero:#7B3FF2; --mpg-coral:#E86C5D;
  --mpg-paper:#FBFAF6; --mpg-lime:#C4E456; --mpg-lilac:#E9D8FF; --mpg-line:rgba(21,18,58,.14); --mpg-muted:rgba(21,18,58,.58);
  position:relative; isolation:isolate;
  background:var(--mpg-bg); color:var(--mpg-ink);
  font-family:'Manrope',-apple-system,sans-serif;
  padding:104px 0; overflow:hidden; word-break:keep-all;
}

/* ссылки — 5 состояний */
.mp-gdr-hero a,.mp-gdr-hero a:link,.mp-gdr-hero a:visited,
.mp-gdr-hero a:hover,.mp-gdr-hero a:active,.mp-gdr-hero a:focus{
  color:inherit; text-decoration:none !important; border:none; outline:none;
}

/* фактура */
.mp-gdr-hero .mpg-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");opacity:.16;pointer-events:none;mix-blend-mode:multiply;z-index:1}
.mp-gdr-hero .mpg-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:2;filter:blur(14px)}
.mp-gdr-hero .mpg-blob-1{top:-130px;right:-70px;width:360px;height:360px;background:rgba(123,63,242,.20);opacity:.55;animation:mpg-float 14s ease-in-out infinite}
.mp-gdr-hero .mpg-blob-2{bottom:-110px;left:-110px;width:300px;height:300px;background:rgba(232,108,93,.18);opacity:.55;animation:mpg-float 12s ease-in-out infinite reverse}
@keyframes mpg-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-30px) scale(1.05)}}

.mp-gdr-hero .mpg-inner{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:0 48px}

/* kicker */
.mp-gdr-hero .mpg-kicker{display:inline-flex;align-items:center;gap:14px;margin-bottom:38px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mpg-ink)}
.mp-gdr-hero .mpg-k-num{color:var(--mpg-coral);font-size:14px}
.mp-gdr-hero .mpg-k-line{width:48px;height:1.5px;background:var(--mpg-ink)}
.mp-gdr-hero .mpg-k-label{color:var(--mpg-muted)}

/* grid */
.mp-gdr-hero .mpg-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}

/* заголовок (визуальный H2 — H1 у Tilda-фида) */
.mp-gdr-hero .mpg-head{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(46px,6.6vw,100px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;color:var(--mpg-ink)}
.mp-gdr-hero .mpg-head .word{display:inline-block;white-space:nowrap;margin-right:.18em}
.mp-gdr-hero .mpg-head em{display:block;margin-top:.06em;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:.6em;letter-spacing:-.02em;text-transform:none;color:var(--mpg-hero)}

/* subtitle / lead */
.mp-gdr-hero .mpg-sub{margin-top:26px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,26px);line-height:1.3;color:var(--mpg-ink);max-width:34ch}
.mp-gdr-hero .mpg-lead{margin-top:22px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--mpg-muted)}
.mp-gdr-hero .mpg-lead strong{color:var(--mpg-ink);font-weight:800}
.mp-gdr-hero .mpg-lead em{font-family:'Fraunces',Georgia,serif;font-style:italic;color:var(--mpg-ink);font-weight:600}

/* панель «Линза ролей» */
.mp-gdr-hero .mpg-lens{background:var(--mpg-paper);border:1.5px solid var(--mpg-ink);box-shadow:6px 6px 0 var(--mpg-ink);padding:20px 22px}
.mp-gdr-hero .mpg-lens-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mpg-muted)}
.mp-gdr-hero .mpg-lens-head::before{content:"";width:18px;height:1.5px;background:var(--mpg-coral);flex:none}
.mp-gdr-hero .mpg-q{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid var(--mpg-line)}
.mp-gdr-hero .mpg-q:first-of-type{border-top:none;padding-top:0}
.mp-gdr-hero .mpg-q b{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--mpg-coral);flex:none}
.mp-gdr-hero .mpg-q span{font-size:15px;font-weight:700;line-height:1.3;color:var(--mpg-ink)}

/* stats */
.mp-gdr-hero .mpg-stats{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}
.mp-gdr-hero .mpg-stat{font-size:15px;font-weight:500;color:var(--mpg-muted)}
.mp-gdr-hero .mpg-stat b{font-family:'Archivo Black',Impact,sans-serif;font-size:30px;color:var(--mpg-ink);margin-right:6px;vertical-align:-3px}
.mp-gdr-hero .mpg-stat-sep{width:1.5px;height:26px;background:var(--mpg-line)}

/* CTA → блок заказа */
.mp-gdr-hero .mpg-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:38px;background:var(--mpg-ink);color:var(--mpg-paper) !important;font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;padding:16px 26px;border:1.5px solid var(--mpg-ink);box-shadow:6px 6px 0 var(--mpg-hero);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.mp-gdr-hero .mpg-scroll:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--mpg-hero)}
.mp-gdr-hero .mpg-scroll svg{width:18px;height:18px;animation:mpg-bounce 1.6s ease-in-out infinite}
@keyframes mpg-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* портрет автора (рамка кадрирует вшитую полосу логотипов снизу) */
.mp-gdr-hero .mpg-col-media{display:flex;flex-direction:column;align-items:stretch;gap:30px}
.mp-gdr-hero .mpg-portrait{position:relative;width:100%;max-width:none;margin-top:4px}
.mp-gdr-hero .mpg-frame{position:relative;aspect-ratio:804/875;overflow:hidden;background:var(--mpg-lilac);border:1.5px solid var(--mpg-ink);box-shadow:10px 10px 0 var(--mpg-ink)}
.mp-gdr-hero .mpg-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 0%}
.mp-gdr-hero .mpg-tag{position:absolute;z-index:2;left:-14px;bottom:22px;background:var(--mpg-ink);color:var(--mpg-paper);padding:12px 18px;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--mpg-coral)}
.mp-gdr-hero .mpg-tag-name{display:block;font-family:'Archivo Black',Impact,sans-serif;font-size:18px;letter-spacing:.01em;line-height:1}
.mp-gdr-hero .mpg-tag-cred{display:block;margin-top:5px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mpg-lime)}

/* адаптив */
@media (max-width:1100px){
  .mp-gdr-hero{padding:88px 0}
  .mp-gdr-hero .mpg-inner{padding:0 32px}
  .mp-gdr-hero .mpg-grid{gap:44px}
}
@media (max-width:960px){
  .mp-gdr-hero{padding:76px 0}
  .mp-gdr-hero .mpg-grid{grid-template-columns:1fr;gap:48px}
  .mp-gdr-hero .mpg-col-media{align-items:stretch}
  .mp-gdr-hero .mpg-portrait{max-width:330px}
}
@media (max-width:640px){
  .mp-gdr-hero{padding:56px 0}
  .mp-gdr-hero .mpg-inner{padding:0 20px}
  .mp-gdr-hero .mpg-blob-1,.mp-gdr-hero .mpg-blob-2{display:none}
  .mp-gdr-hero .mpg-kicker{margin-bottom:28px;gap:10px}
  .mp-gdr-hero .mpg-k-label{font-size:11px}
  .mp-gdr-hero .mpg-stat b{font-size:26px}
  .mp-gdr-hero .mpg-scroll{width:100%;justify-content:center}
  .mp-gdr-hero .mpg-portrait{max-width:290px}
}
@media (max-width:380px){
  .mp-gdr-hero .mpg-inner{padding:0 16px}
  .mp-gdr-hero .mpg-q span{font-size:14px}
}
</style>

<script>
/* Плавный скролл по CTA «Оформить книгу» к блоку заказа (#order).
   Tilda свой smooth-scroll вешает только на нативные якоря, поэтому делаем сами.
   IIFE; цель ищем в момент клика (блок заказа уже в DOM). */
(function(){
  var s=document.querySelector('.mp-gdr-hero'); if(!s) return;
  var link=s.querySelector('.mpg-scroll'); if(!link) return;
  link.addEventListener('click', function(e){
    var t=document.getElementById('order');
    if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth', block:'start'}); }
  });
})();
</script></div>]]></turbo:content>
    </item>
  </channel>
</rss>
