/* Первый блок страниц с фото (№1369, правки Антона 01.11) - разметка partials/_rv_phead.html.
   Фото справа на 62% ширины, к заголовку уходит в тёмный фон: текст всегда на тёмном. */
.rv-phead--ph{position:relative;isolation:isolate;overflow:hidden;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end}
.rv-phead--ph>.rv-wrap{width:100%;box-sizing:border-box}
.rv-phead-ph{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:-1;overflow:hidden}
.rv .rv-phead-ph img{width:100%;height:100%;object-fit:cover;object-position:var(--ph-pos);animation:rv-ph-in .9s cubic-bezier(.2,.7,.2,1) both}
.rv-phead-ph::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,var(--night) 0%,rgba(var(--nrgb),.86) 22%,rgba(var(--nrgb),.45) 52%,rgba(var(--nrgb),.18) 100%),
  linear-gradient(0deg,rgba(var(--nrgb),.7) 0%,rgba(var(--nrgb),0) 45%)}
/* длинное слово в заголовке */
.rv-phead--long h1{font-size:72px;max-width:640px}
/* №1395: было 1,6 с - фото «доезжало» уже после текста, переход казался долгим */
@keyframes rv-ph-in{from{opacity:.35;transform:scale(1.04)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .rv-phead--ph{display:block;min-height:0;padding-top:0}
  .rv-phead-ph{position:relative;width:auto;height:250px;margin:0 0 -34px}
  .rv .rv-phead-ph img{object-position:var(--ph-pos-m)}
  .rv-phead--long h1{font-size:40px}
  .rv-phead-ph::after{background:linear-gradient(0deg,var(--night) 0%,rgba(var(--nrgb),.35) 38%,rgba(var(--nrgb),0) 70%)}
}
@media (prefers-reduced-motion:reduce){.rv .rv-phead-ph img{animation:none}}