/* ===== Header ===== */
.site-header{
  position:sticky; top:0; z-index:100;
  background:var(--ink); border-bottom:1px solid var(--edge);
}
.admin-bar .site-header{ top:32px; }
@media(max-width:782px){ .admin-bar .site-header{ top:46px; } }

.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:var(--header-h);
}
.wordmark{ font-size:22px; line-height:1; font-weight:420; }
.wordmark .dot{ color:var(--signal); }

.main-nav{ display:none; }
.main-nav ul{ display:flex; gap:28px; align-items:center; }
.main-nav a{ font-size:15px; }
@media(min-width:1024px){
  .main-nav{ display:block; }
}

.header-cta{ display:none; }
@media(min-width:1024px){ .header-cta{ display:inline-flex; } }

.menu-toggle{ font-size:15px; letter-spacing:0.02em; }
@media(min-width:1024px){ .menu-toggle{ display:none; } }

/* ===== Mobile nav overlay ===== */
.mobile-nav{
  display:none; position:fixed; inset:0; z-index:150;
  background:var(--ink);
}
.mobile-nav.is-open{ display:flex; flex-direction:column; }
.mobile-nav-top{
  display:flex; align-items:center; justify-content:space-between;
  height:var(--header-h); padding:0 var(--m); border-bottom:1px solid var(--edge);
}
.mobile-nav ul{
  flex:1; display:flex; flex-direction:column; justify-content:center;
  gap:28px; padding:0 var(--m);
}
.mobile-nav a{ font-size:28px; }
@media(min-width:1024px){ .mobile-nav{ display:none !important; } }

/* ===== Intro: шапка проявляется после анимации hero ===== */
.motion-ready .site-header{
  opacity:0;
  transition:opacity 500ms var(--ease-settle);
}
.motion-ready .site-header.is-revealed{ opacity:1; }

/* ----- Hero → header dock: wordmark в шапке ----- */
.motion-ready.has-hero #headerWordmark{ opacity:0; }
.motion-ready.has-hero.header-wordmark-visible #headerWordmark{ opacity:1; }
@supports (animation-timeline: scroll()){
  @keyframes header-wordmark-in{ to{ opacity:1; } }
  .motion-ready.has-hero #headerWordmark{
    animation:header-wordmark-in linear both;
    animation-timeline:scroll(root block);
    animation-range:0 60vh;
  }
}