/* Журнал о снах /zhurnal и статьи /zhurnal/<slug>: первый экран (Дизайнер, 13.10) — язык страниц знаков. Общие классы sg-*
   (eyebrow, H1 с градиентом, астролябия, дуги orbArc, облака, кнопка) — из sign-seo.css; здесь — обложка статьи медальоном
   на астролябии, лид Playfair без карточки. Всё под body.zj-page. */
.zj-article main{max-width:780px}
.zj-cover{position:relative;display:block;width:64%;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#120e33;box-shadow:0 0 0 1px #f3d79e77,0 0 0 7px #120e33,0 0 0 8px #f3d79e33,0 22px 48px #040210cc,0 0 46px #7b62ff55;animation:sg-float 9s ease-in-out infinite}
.zj-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.12)}
.zj-hero{margin-bottom:8px}
.zj-hero .sg-side b{text-wrap:balance}

/* лид Playfair без карточки, орнамент снизу */
.zj-page .dz-lead{position:relative;z-index:1;max-width:700px;margin:10px auto 0;text-align:center;font:400 clamp(19px,2vw,22px)/1.6 var(--display);color:#f4ecdb;text-wrap:pretty}
.zj-page .dz-lead p{margin:0 0 .7em;font:inherit;color:inherit}
.zj-page .dz-lead p:last-child{margin:0}
.zj-page .dz-lead:after{content:'';display:block;width:min(300px,70%);aspect-ratio:840/173;margin:22px auto 0;background:url(/assets/img/divider-840.webp) center/contain no-repeat;opacity:.9}

/* статья: форма сна в тексте — с воздухом, как раньше под обложкой */
.zj-article .dream-form{margin:56px 0 8px}
.zj-article main>h2:first-of-type{margin-top:56px}
/* хаб: первый экран по центру широкой сетки статей */
.zj-hub-page .zj-hero{max-width:860px;margin-left:auto;margin-right:auto}
.zj-hub-page main>.sg-eyebrow{margin-top:6px}

@media (prefers-reduced-motion:reduce){.zj-cover{animation:none}}
@media (max-width:640px){
 .zj-cover{width:60%;box-shadow:0 0 0 1px #f3d79e77,0 0 0 5px #120e33,0 0 0 6px #f3d79e33,0 16px 34px #040210cc}
 .zj-page .dz-lead{font-size:18px;margin-top:4px}
 .zj-page .dz-lead:after{width:200px;margin-top:16px}
 .zj-hero .sg-side b{font-size:16px}
}
/* телефон: факты по бокам не помещаются — медальон крупно, факты строкой под ним */
@media (max-width:640px){
 .zj-hero .sg-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'orb orb' 'el pl';gap:0 14px}
 .zj-hero .sg-orb{grid-area:orb;width:min(280px,78vw);justify-self:center}
 .zj-hero .sg-el{grid-area:el}.zj-hero .sg-pl{grid-area:pl}
 .zj-hero .sg-side img{width:48px;height:48px}
 .zj-hero .sg-side b{font-size:17px}
 .zj-hero .sg-arc-d{font-size:31px}
 .zj-hero .sg-arc-m{font-size:15px}
 .zj-hero .dz-lead{margin-top:18px}
}