.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(13,11,12,.92);border-bottom:1px solid rgba(243,238,229,.12);backdrop-filter:blur(18px)}
.site-header.is-scrolled{background:rgba(8,6,7,.97);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.site-header__bar{background:var(--color-ruby-accent)}
.site-header__bar .container{display:flex;justify-content:flex-end}
.site-header__info{margin:0;padding:.32rem 0;color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.site-header__main{height:76px;display:flex;align-items:center}
.site-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.site-header__brand{display:flex;align-items:center;gap:.75rem;color:var(--color-ivory-paper)}
.site-header__brand:hover{color:var(--color-ivory-paper);opacity:.82}
.site-header__logo{height:40px;width:40px;object-fit:contain;border-radius:50%}
.site-header__brand-text{font-family:var(--font-heading);font-size:1.25rem;letter-spacing:.02em}
.site-header__menu{display:flex;gap:clamp(.8rem,1.8vw,1.55rem);list-style:none;margin:0;padding:0;align-items:center}
.site-header__menu li{margin:0}
.site-header__menu a{position:relative;color:var(--color-ivory-paper);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}
.site-header__menu a:not(.button)::after{content:"";position:absolute;left:0;bottom:-.55rem;width:100%;height:1px;background:var(--color-ruby-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}
.site-header__menu a:hover::after,.site-header__menu a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.site-header__menu .button{min-height:42px;padding:.7rem 1.05rem;font-size:.65rem}
.site-header__toggle{position:relative;display:none;width:44px;height:44px;padding:0;border:1px solid rgba(243,238,229,.22);border-radius:50%;transition:border-color var(--transition-fast),background var(--transition-fast)}
.site-header__toggle:hover{border-color:var(--color-ruby-accent);background:rgba(224,53,53,.08)}
.site-header__toggle span{position:absolute;left:10px;width:22px;height:1px;background:var(--color-ivory-paper);display:block;transform-origin:center;transition:top var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}
.site-header__toggle span:nth-child(1){top:14px}
.site-header__toggle span:nth-child(2){top:21px}
.site-header__toggle span:nth-child(3){top:28px}
.site-header__toggle[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.site-header__toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
.site-header__toggle[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.site-header__spacer{height:103px}

@media(max-width:1080px){
  .site-header__main{height:62px}.site-header__spacer{height:89px}.site-header__brand-text{font-size:1.05rem}.site-header__logo{height:34px;width:34px}.site-header__toggle{display:block}
  .site-header__nav{position:fixed;top:89px;right:0;width:min(380px,92%);height:calc(100vh - 89px);background:var(--color-deep-velvet);transform:translateX(100%);transition:transform var(--transition-fast);overflow-y:auto;padding:var(--space-4);border-left:var(--border-thin)}
  .site-header__nav.is-open{transform:translateX(0)}
  .site-header__menu{flex-direction:column;align-items:flex-start;gap:1.5rem}.site-header__menu a{font-size:.9rem}.site-header__menu .button{margin-top:1rem}
}
