/* v120 — shared navigation; subpage wordmark matches the main-site brand exactly */
header.global-header {
  --global-header-fg:#f1f2ef;
  --global-header-muted:rgba(241,242,239,.58);
  --global-header-line:rgba(255,255,255,.15);
  --global-header-bg:rgba(8,10,11,.86);
  position:sticky;
  top:0;
  z-index:120;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(1.7rem,3.2vw,4.25rem);
  width:100%;
  min-height:6.75rem;
  padding:0 var(--side,var(--collection-pad,clamp(1.25rem,4vw,5rem)));
  border-bottom:1px solid var(--global-header-line);
  color:var(--global-header-fg);
  background:transparent;
  font-family:Arial,Helvetica,sans-serif;
  transition:color .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
body.series-light header.global-header,
body.collection-page.is-daylight:not(.sky-collection) header.global-header {
  --global-header-fg:#20231f;
  --global-header-muted:rgba(32,35,31,.58);
  --global-header-line:rgba(25,28,24,.17);
  --global-header-bg:rgba(244,241,233,.88);
}
body.collection-page header.global-header {
  position:fixed;
  min-height:6.25rem;
  padding-top:0;
  padding-bottom:0;
}
header.global-header.is-scrolled,
header.global-header.is-menu-open {
  border-bottom-color:var(--global-header-line);
  background:var(--global-header-bg);
  box-shadow:0 .8rem 2.5rem rgba(0,0,0,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
header.global-header .series-brand,
header.global-header .collection-brand {
  grid-column:1;
  justify-self:start;
  position:relative;
  z-index:2;
  color:var(--global-header-fg);
  white-space:nowrap;
  /* Keep the BEYOND THE SKY wordmark identical to the main-page header. */
  font-family:Inter,system-ui,sans-serif;
  font-size:.78rem;
  font-weight:600;
  line-height:1.15;
  letter-spacing:.11em;
  text-transform:uppercase;
}
header.global-header .series-return,
header.global-header .collection-return {
  grid-column:3;
  justify-self:end;
  color:var(--global-header-muted);
  white-space:nowrap;
}
header.global-header .collection-mark {
  position:absolute;
  top:3.62rem;
  left:var(--side,var(--collection-pad,clamp(1.25rem,4vw,5rem)));
  color:var(--global-header-muted);
  font-size:.38rem;
  letter-spacing:.21em;
  pointer-events:none;
}
.global-nav {
  grid-column:2;
  grid-row:1;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:clamp(1.05rem,1.8vw,2rem);
  min-width:0;
  color:var(--global-header-muted);
}
.global-nav-group {
  display:grid;
  gap:.34rem;
}
.global-nav-group-label {
  font-size:.39rem;
  line-height:1;
  letter-spacing:.24em;
  text-transform:uppercase;
  opacity:.72;
}
.global-nav-links {
  display:flex;
  align-items:center;
  gap:clamp(.78rem,1.3vw,1.28rem);
}
.global-nav-link {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.32rem;
  padding:.12rem 0 .34rem;
  color:inherit;
  font-size:.57rem;
  font-weight:500;
  line-height:1;
  letter-spacing:.17em;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .22s ease,opacity .22s ease;
}
.global-nav-link::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .24s ease;
}
.global-nav-link:hover,
.global-nav-link:focus-visible,
.global-nav-link.is-current {
  color:var(--global-header-fg);
}
.global-nav-link:hover::after,
.global-nav-link:focus-visible::after,
.global-nav-link.is-current::after {
  transform:scaleX(1);
  transform-origin:left;
}
.global-nav-link i {
  font-size:.57rem;
  font-style:normal;
  opacity:.62;
  transition:transform .22s ease,opacity .22s ease;
}
.global-nav-link:hover i,
.global-nav-link:focus-visible i {
  opacity:1;
  transform:translate(.08rem,-.08rem);
}
.global-nav-divider {
  width:1px;
  height:1.65rem;
  background:var(--global-header-line);
}
.global-menu-toggle,
.global-mobile-context {
  display:none;
}
.global-menu-toggle {
  border:0;
  color:inherit;
  background:none;
  cursor:pointer;
}
.global-nav-link:focus-visible,
.global-menu-toggle:focus-visible,
.global-mobile-context:focus-visible {
  outline:1px solid currentColor;
  outline-offset:.38rem;
}

@media (max-width:1360px) {
  header.global-header,
  body.collection-page header.global-header {
    grid-template-columns:1fr auto;
    gap:1rem;
    min-height:5.5rem;
  }
  header.global-header .series-return,
  header.global-header .collection-return,
  header.global-header .collection-mark {
    display:none;
  }
  .global-menu-toggle {
    grid-column:2;
    display:grid;
    width:2.65rem;
    height:2.65rem;
    place-content:center;
    gap:.43rem;
    padding:0;
  }
  .global-menu-toggle span {
    display:block;
    width:1.45rem;
    height:1px;
    background:currentColor;
    transition:transform .28s ease,width .28s ease;
  }
  header.global-header.is-menu-open .global-menu-toggle span:first-child {
    transform:translateY(.215rem) rotate(45deg);
  }
  header.global-header.is-menu-open .global-menu-toggle span:last-child {
    transform:translateY(-.215rem) rotate(-45deg);
  }
  header.global-header.is-menu-open {
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .global-nav {
    grid-column:1 / -1;
    grid-row:auto;
    justify-self:stretch;
    position:fixed;
    top:5.5rem;
    right:0;
    bottom:0;
    left:0;
    z-index:119;
    width:100vw;
    max-width:none;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:2.7rem;
    padding:clamp(2.6rem,8vh,5.5rem) var(--side,var(--collection-pad,1.25rem)) calc(2rem + env(safe-area-inset-bottom,0px));
    overflow:auto;
    color:var(--global-header-muted);
    background:var(--global-header-bg);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    opacity:0;
    visibility:hidden;
    transform:translateY(-.55rem);
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease,transform .32s cubic-bezier(.2,.7,.2,1);
  }
  header.global-header.is-menu-open .global-nav {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  .global-nav-group {
    gap:1rem;
  }
  .global-nav-group-label {
    font-size:.46rem;
  }
  .global-nav-links {
    display:grid;
    gap:0;
  }
  .global-nav-link {
    justify-content:space-between;
    min-height:3.25rem;
    padding:.72rem 0;
    border-bottom:1px solid var(--global-header-line);
    font-size:clamp(.88rem,3.7vw,1.18rem);
    font-weight:400;
    letter-spacing:.14em;
  }
  .global-nav-link::after {
    display:none;
  }
  .global-nav-link.is-current::before {
    content:"";
    width:.34rem;
    height:.34rem;
    margin-right:.65rem;
    border-radius:50%;
    background:currentColor;
  }
  .global-nav-link i {
    margin-left:auto;
    font-size:.82rem;
  }
  .global-nav-divider {
    display:none;
  }
  .global-mobile-context {
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    margin-top:auto;
    padding:.4rem 0;
    color:var(--global-header-muted);
    font-size:.58rem;
    letter-spacing:.18em;
    text-decoration:none;
    text-transform:uppercase;
  }
  body.global-nav-open {
    overflow:hidden;
  }
  body.global-nav-open .series-ambient-controls,
  body.global-nav-open .ambient-controls,
  body.global-nav-open .back-to-top {
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (max-width:760px) {
  header.global-header,
  body.collection-page header.global-header {
    padding-right:var(--side,var(--collection-pad,1.25rem));
    padding-left:var(--side,var(--collection-pad,1.25rem));
  }
  header.global-header .series-brand,
  header.global-header .collection-brand {
    font-size:.65rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  header.global-header,
  .global-nav,
  .global-menu-toggle span,
  .global-nav-link,
  .global-nav-link::after,
  .global-nav-link i {
    transition:none!important;
  }
}