fix

web/minecraft/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="gman-world — уютная техническая сборка Minecraft: механизмы Create, аэронавтика и виноделие.">
     <title>gman-world — Minecraft</title>
-    <link rel="stylesheet" href="/minecraft/style.css?v=20261020-photos">
+    <link rel="stylesheet" href="/minecraft/style.css?v=20261020-equal-cards">
     <script src="/minecraft/app.js?v=20261020-download-visible" defer></script>
     <script src="/minecraft/motion.js?v=20261017-steam" defer></script>
 </head>
@@ -45,7 +45,7 @@
             <div class="section-heading"><p class="eyebrow">ЗАШЁЛ НА ПЯТЬ МИНУТ</p><h2 id="world-title">Вот какой здесь вайб</h2></div>
             <p class="world-intro">Механизмы Create, полёты и виноделье — повод собраться. А дальше у каждого найдётся своё «сейчас ещё одну штуку доделаю».</p>
             <div class="world-grid">
-                <article class="theme theme-featured">
+                <article class="theme">
                     <div class="scene"><img src="/minecraft/world-workshop.webp" width="1280" height="1169" loading="lazy" decoding="async" alt="Мастер в цехе склонился над чертежами механизмов."></div>
                     <div class="theme-copy"><p class="eyebrow">ПРИДУМЫВАЕМ</p><h3>По чертежу. Почти</h3><p>Зашёл поставить пару шестерёнок. Теперь у тебя цех, три схемы переделки и уверенность, что следующий конвейер точно будет последним.</p></div>
                 </article>
@@ -65,6 +65,10 @@
                     <div class="scene"><img src="/minecraft/world-drilling.webp" width="1129" height="1280" loading="lazy" decoding="async" alt="Бурильщик стоит рядом с большой буровой установкой под открытым небом."></div>
                     <div class="theme-copy"><p class="eyebrow">МАСШТАБИРУЕМ</p><h3>Кирка ушла на пенсию</h3><p>Когда копать руками надоело, начинается инженерия. Бур побольше, склад пошире — теперь главное успевать за собственной машиной.</p></div>
                 </article>
+                <article class="theme">
+                    <div class="scene"><img src="/minecraft/world-friendship.webp" width="800" height="800" loading="lazy" decoding="async" alt="Девушка гладит волка на фоне замка и поезда в мире Minecraft."></div>
+                    <div class="theme-copy"><p class="eyebrow">ПРИРУЧАЕМ</p><h3>Зашёл за ресурсами — нашёл друга</h3><p>Пока механизмы работают, можно выдохнуть и погладить волка. Большие приключения подождут.</p></div>
+                </article>
             </div>
         </section>
 

web/minecraft/style.css

@@ -58,7 +58,7 @@ code { font: 600 17px/1.6 monospace; color: #fff3ca; overflow-wrap: anywhere; }
 .world-intro { max-width: 740px; margin: 0 auto 28px; color: var(--muted); text-align: center; }
 .section-heading { width: fit-content; max-width: 100%; margin: 0 auto 24px; padding: 16px 24px; text-align: center; border: 4px solid #241b13; background: repeating-linear-gradient(0deg, #0000 0 17px, #0002 17px 20px), #63462e; box-shadow: inset 3px 3px #9b7046, inset -3px -3px #39291d, 5px 5px #0004; }
 .section-heading h2 { margin-bottom: 4px; }
-.world-grid { display: grid; align-items: start; gap: 20px; }
+.world-grid { display: grid; grid-auto-rows: 1fr; gap: 20px; }
 .theme { min-width: 0; padding: 24px; border: 4px solid #33261b; background: #4d493d; box-shadow: inset 3px 3px #a48d67, inset -3px -3px #29271f, 4px 4px #0005; }
 .theme-symbol { display: grid; width: 74px; height: 74px; place-items: center; border: 4px solid #25251f; background: #97917c; box-shadow: inset 3px 3px #5b5c4d, inset -3px -3px #c7bca0; }
 .theme-symbol svg { image-rendering: pixelated; filter: drop-shadow(3px 3px #0005); }
@@ -82,8 +82,6 @@ footer span { color: #c5c1ac; font-family: monospace; }
     .brand { font-size: 12px; }
     .hero { padding: 48px; }
     .world-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-    .theme-featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; }
-    .theme-featured .scene { margin-bottom: 0; }
     .downloads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
     .downloads section { padding: 28px; }
 }