/* Обложка главной, вариант «редакционная» (таск 06).
   Включается классом body.oblozhka-red, подключается после site.css (и палитры).
   Без класса ничего не меняет: вариант «фото» — это обложка site.css как есть.
   Крупный заголовок-манифест на цвете акцента палитры, фото — ниже, во всю ширину
   колонки, как у журнальных медиа. Только переменные палитры: текст --paper на
   --corn держит тот же контраст, что проверяется в tests/test_palitry.py. */
body.oblozhka-red .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;
  background:var(--corn);color:var(--paper);overflow:visible}
body.oblozhka-red .hero::after{display:none}
body.oblozhka-red .hero .wrap{order:1;padding-block:clamp(56px,9vw,120px) clamp(36px,5vw,64px)}
body.oblozhka-red .hero .ey{color:var(--corn-soft);opacity:.9}
body.oblozhka-red .hero h1{font-size:clamp(48px,10.5vw,148px);line-height:.98;letter-spacing:-.025em;
  max-width:11em;margin-top:clamp(10px,1.4vw,18px)}
body.oblozhka-red .hero .sub{color:var(--corn-soft);font-size:clamp(20px,2.4vw,30px);margin-top:clamp(12px,1.6vw,20px)}
body.oblozhka-red .hero .lead{color:var(--paper);font-family:var(--display);font-size:clamp(22px,2.6vw,34px);
  line-height:1.3;max-width:28em;margin-top:clamp(20px,3vw,36px);padding-top:clamp(18px,2.4vw,28px);
  border-top:1px solid color-mix(in srgb,var(--paper) 35%,transparent)}
body.oblozhka-red .hero .chips span{background:transparent;border-color:var(--corn-soft);color:var(--paper)}
body.oblozhka-red .hero>img{order:2;position:static;display:block;width:100%;height:clamp(240px,46vw,560px);
  object-fit:cover;animation:none;border-top:clamp(10px,1.4vw,16px) solid var(--bg);background:var(--bg)}
@media (max-width:700px){
  body.oblozhka-red .hero{color:var(--paper);background:var(--corn)}
  body.oblozhka-red .hero .wrap{padding-block:44px 30px}
  body.oblozhka-red .hero h1{font-size:clamp(40px,12.5vw,64px);line-height:1.02;margin-top:8px}
  body.oblozhka-red .hero .sub{color:var(--corn-soft);font-size:19px}
  body.oblozhka-red .hero .lead{color:var(--paper);font-size:20px}
  body.oblozhka-red .hero>img{height:52vw;min-height:200px;max-height:none}
}
/* Кнопки на цвете акцента (29.09.2026, alma-red основной): основная — бумага
   с текстом акцента, «призрачная» — светлая обводка и светлый текст. */
body.oblozhka-red .hero .btn{background:var(--paper);border-color:var(--paper);color:var(--corn)}
body.oblozhka-red .hero .btn.ghost{background:transparent;border-color:var(--corn-soft);color:var(--paper)}