/*
Theme Name: ORBITA — Юлия Крамерова
Description: Авторская тема с орбитальной анимацией, интерактивными темами консультаций и журналом. На основе утверждённого прототипа ORBITA 1.3.1.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: orbita-yulia
*/
[hidden]{display:none!important}
.orbita-post-image{width:100%;height:100%;object-fit:cover;display:block}
.article-body img,.article-body video{max-width:100%;height:auto}
.article-body iframe{max-width:100%}
.article-body .wp-block-image{margin:2em 0}
.article-body a{overflow-wrap:anywhere}
.article-body h2,.article-body h3{scroll-margin-top:110px}
.article-cover>img{width:100%;height:100%;object-fit:cover}
.admin-bar .header{top:32px}
.admin-bar .mobile-nav{margin-top:32px}
@media(max-width:782px){.admin-bar .header{top:46px}.admin-bar .mobile-nav{margin-top:46px}}
@media(max-width:600px){#wpadminbar{position:fixed}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the original composition and enlarge only the desktop portrait. */
@media(min-width:941px){
  .theme-a .hero-yulia-photo{
    width:clamp(350px,36vw,540px);
    height:auto;
  }
}

/* Orbiting topics keep their captions upright and pause for selection. */
.or-universe{animation:orbita-topics-turn 48s linear infinite}
.or-universe .or-orbit-node{animation:orbita-topics-upright 48s linear infinite}
.or-universe:hover,.or-universe:focus-within,
.or-universe:hover .or-orbit-node,.or-universe:focus-within .or-orbit-node{animation-play-state:paused}
@keyframes orbita-topics-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbita-topics-upright{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.or-universe,.or-universe .or-orbit-node{animation:none}}

/* Shorter chapter spacing on desktop, without shrinking the artwork or type. */
@media(min-width:1051px){
  .theme-a .or-intro{min-height:600px}
  .or-intro-grid{min-height:470px}
  .or-continuation{height:40px}
  .theme-a .or-choice{min-height:0;padding-bottom:28px}
  .or-choice-grid{padding-top:28px}
  .theme-a.page-home .approach-section,
  .theme-a.page-home .journal-preview,
  .theme-a.page-home .contact-section{padding-block:clamp(32px,2.5vw,44px)}
}

/* Readable body copy and controls across all five pages. */
.hero-sub,.section-lead,.approach-copy p,.inner-hero p,
.inner-two-col p:not(.large-copy),.detail-list p,.credential-row p,
.post-card p,.contact-section>p,.or-intro-copy p,.or-intro-aside p,
.or-choice-heading p{font-size:17px;line-height:1.7}
.or-card-caption,.or-choice-detail p{font-size:15px;line-height:1.65;hyphens:auto;overflow-wrap:anywhere}
.btn,.text-cta,.or-text-link,.or-detail-link,.post-open,.contact-button,
.footer p,.footer-right,.article-sticky a{font-size:15px}
.nav-link{font-size:14px}
.header-cta{font-size:12px}
.demo-label,.post-card-meta,.chip,.article-cat,.article-byline,
.article-top,.article-bottom,.article-sticky p,.contact-index,
.section-kicker,.or-section-kicker,.or-continuation,.or-small-eyebrow,
.or-choice-detail span,.inner-kicker,.hero-note,.hero-foot{font-size:12px;letter-spacing:.08em}
.or-orbit-node{font-size:14px}
.chip{min-height:44px}
.article-body{font-size:18px;line-height:1.8}

@media(max-width:940px){
  .section{padding-block:36px}
  .section-kicker{margin-bottom:24px;padding-bottom:16px;gap:12px;flex-wrap:wrap}
  .or-section-kicker{padding-block:16px;gap:12px;flex-wrap:wrap}
  .theme-a .or-intro{min-height:0}
  .or-intro-grid{min-height:0}
  .or-intro-copy{padding-top:28px}
  .or-small-eyebrow{margin-bottom:18px}
  .theme-a .or-intro h2{margin-bottom:22px}
  .or-intro-aside{margin:0 0 20px}
  .or-continuation{height:auto;min-height:48px;gap:16px;padding-block:12px;flex-wrap:wrap}
  .theme-a .or-choice{min-height:0;padding-bottom:28px}
  .or-choice-grid{padding-top:28px;gap:22px}
  .or-choice-heading p{max-width:100%;margin-bottom:0}
  .or-choice-detail{margin-top:16px;padding:18px 0}
  .or-detail-link{white-space:normal;display:inline-flex;gap:8px;min-height:44px}
  .or-card-caption{padding-right:0}
  .or-topic-card{min-height:0;padding-bottom:54px}
  .theme-a .approach-grid{gap:28px}
  .journal-head{gap:20px}
  .journal-head .text-cta{margin:0 0 20px}
  .demo-label{margin:8px 0 22px}
  .posts-grid{gap:28px}
  .contact-section{min-height:0}
  .contact-heading{margin-bottom:20px}
  .contact-button{margin-top:12px}
  .contact-index{margin-top:22px}
  .inner-hero{padding-block:40px;min-height:0}
  .inner-kicker{margin-bottom:24px}
  .inner-two-col{gap:28px}
  .inner-two-col>*{min-width:0}
  .inner-two-col .large-copy{hyphens:auto;overflow-wrap:anywhere}
  .detail-list>div,.credential-row{padding-block:24px}
  .article-top{padding-block:20px;flex-wrap:wrap;line-height:1.6}
  .article-head{padding-top:28px;padding-bottom:28px}
  .article-byline{gap:12px;flex-wrap:wrap;line-height:1.6}
  .article-layout{padding-top:36px;padding-bottom:40px}
  .article-body p{margin-bottom:24px}
  .article-body .article-lead{margin-bottom:32px}
  .article-body h2{margin:36px 0 20px}
  .article-body blockquote,.article-insert{margin-block:28px}
  .article-bottom{margin-top:36px;gap:16px;flex-wrap:wrap}
  .footer{padding-top:28px;padding-bottom:52px;gap:20px}
  .footer-right span{font-size:11px;line-height:1.6;margin-top:12px}
  .mobile-nav a{font-size:17px}
}

@media(max-width:650px){
  /* Put the artwork below the copy so the larger portrait cannot cover a button. */
  .theme-a .hero-main{display:flex;flex-direction:column;min-height:0}
  .theme-a .hero-left{min-height:0;padding:32px 22px 22px}
  .eyebrow{font-size:11px;line-height:1.65;letter-spacing:.09em;margin-bottom:22px;max-width:none}
  .theme-a .hero-sub{max-width:100%;margin-bottom:22px}
  .hero-actions{width:100%;gap:8px 18px}
  .btn-primary{padding:16px 20px;min-height:52px}
  .btn-link{font-size:15px;padding-block:12px;min-height:44px}
  .hero-note{margin-top:18px;line-height:1.6;letter-spacing:.06em}
  .theme-a .hero .photo-hero-art{
    position:relative;inset:auto;width:100%;height:clamp(360px,104vw,490px);
    min-height:0;flex:none;margin:0;opacity:1;
  }
  .theme-a .hero-yulia-photo{width:clamp(285px,82vw,390px);height:auto;left:2%;bottom:0;z-index:7}
  .hero-foot{height:auto;min-height:48px;padding:12px 22px;gap:10px;flex-wrap:wrap;line-height:1.5}
  .hero-foot span:last-child{margin-left:auto}
  .or-card-art{height:120px;margin-bottom:8px}
  .or-card-title{font-size:25px}
  .or-card-arrow{width:34px;height:34px}
  .theme-a .about-hero.with-yulia-photo{padding-top:40px;min-height:0}
  .inner-hero h1,.theme-a .about-hero.with-yulia-photo h1{font-size:clamp(44px,11.4vw,68px)}
  .credential-row{grid-template-columns:1fr;gap:10px}
  .credential-row>span:first-child{font-size:28px}
  .credential-row h3{font-size:28px}
  .article-cover{height:280px}
  .article-insert{padding:24px}
}
@media(max-width:380px){
  .or-cards{grid-template-columns:1fr}
  .or-card-art{height:150px}
}