.site-header{
  position:sticky;
  top:0;
  z-index:100;
  height:var(--header-height);
  background:rgba(15,31,45,.96);
  color:#fff;
  backdrop-filter:blur(10px);
}
.global-nav{height:100%}
.global-nav__inner{
  display:flex;
  width:min(calc(100% - 40px),1280px);
  height:100%;
  align-items:center;
  justify-content:space-between;
  margin-inline:auto;
}
.global-nav__brand{display:grid;text-decoration:none;line-height:1.15}
.global-nav__brand-main{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.1rem;letter-spacing:.14em}
.global-nav__brand-sub{margin-top:3px;color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:.6rem;letter-spacing:.26em}
.global-menu{display:flex;align-items:center;gap:24px;list-style:none}
.global-menu a{position:relative;display:block;padding:8px 0;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.global-menu a::after{position:absolute;right:0;bottom:3px;left:0;height:1px;background:var(--gold-light);content:"";transform:scaleX(0);transition:transform .2s}
.global-menu a:hover::after,.global-menu a:focus-visible::after{transform:scaleX(1)}
.menu-toggle{display:none;color:#fff;cursor:pointer}

@media (max-width:980px){
  .global-nav__inner{width:calc(100% - 28px)}
  .menu-toggle{display:flex;align-items:center;gap:10px;padding:8px 0}
  .menu-toggle__label{font-family:Georgia,"Times New Roman",serif;font-size:.72rem;letter-spacing:.16em}
  .menu-toggle__icon{display:grid;width:27px;gap:5px}
  .menu-toggle__icon i{display:block;width:100%;height:2px;background:#fff;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded="true"] .menu-toggle__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-toggle__icon i:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .menu-toggle__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .global-menu{
    position:fixed;
    top:var(--header-height);
    right:0;
    left:0;
    display:grid;
    max-height:calc(100vh - var(--header-height));
    gap:0;
    overflow-y:auto;
    padding:12px 24px 24px;
    background:rgba(15,31,45,.985);
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .2s,transform .2s;
  }
  .global-menu.is-open{opacity:1;pointer-events:auto;transform:none}
  .global-menu li{border-bottom:1px solid rgba(255,255,255,.13)}
  .global-menu a{padding:15px 4px;font-size:.95rem}
  .global-menu a::after{display:none}
}