.site-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--page-gutter); border-bottom: 1px solid var(--color-line); background: linear-gradient(0deg, #37416e, transparent 33.33%), rgba(101, 103, 106, 0.96); box-shadow: inset 0 -2px 0 #000; }
.site-header--home { min-height: 5.4375rem; }
.site-header--compact { min-height: calc(var(--header-height) * 0.75); }
.primary-nav { display: flex; align-items: center; gap: clamp(1.1rem, 3vw, 3rem); }
.primary-nav__link { position: relative; padding: 0.5rem 0; color: var(--color-paper); font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: color var(--transition-fast); }
@media (min-width: 761px) {
  .site-header--home .primary-nav { flex: 1; align-self: stretch; align-items: stretch; gap: 0; margin-left: clamp(1.5rem, 4vw, 3rem); }
  .site-header--home .primary-nav__link:first-child, .site-header--home .workshop-link { margin-left: auto; }
  .site-header--home .primary-nav__link { display: flex; align-items: center; padding: 0 clamp(1.25rem, 2.6vw, 2.5rem); border-left: 1px solid var(--color-line); color: var(--color-paper); transition: background var(--transition-fast), color var(--transition-fast); }
  .site-header--home .primary-nav__link:has(+ .workshop-link), .site-header--home .primary-nav__link:has(+ .socials-link) { border-right: 1px solid var(--color-line); }
  .site-header--home .socials-link { align-self: center; margin-left: clamp(1rem, 2vw, 1.75rem); }
  .site-header--home .primary-nav__link:hover { background: var(--color-accent-deep); color: #fff; }
  .site-header--home .primary-nav__link.is-current::after { right: 0; bottom: 0; left: 0; height: 3px; }
  .site-header--home .workshop-link { align-self: center; }
}
.primary-nav__link:hover, .primary-nav__link.is-current { color: var(--color-paper); }
.primary-nav__link.is-current::after { position: absolute; right: 0; bottom: -0.4rem; left: 0; height: 2px; background: var(--color-accent); content: ""; }
.workshop-link { display: flex; min-width: 9rem; min-height: 3rem; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 0.45rem 0.9rem; border: 1px solid rgba(255, 61, 74, 0.45); background-color: #1a2340; background-image: linear-gradient(120deg, #1a2340, #3a1a20); color: var(--color-paper); font-size: 0.9rem; font-weight: 700; transition: border-color var(--transition-fast), color var(--transition-fast); }
.site-header--home .workshop-link { min-width: 11rem; min-height: 3.6rem; font-size: 0.85rem; }
.workshop-link__logo { width: 4.2rem; height: 2.6rem; object-fit: cover; }
.socials-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.45rem 0.9rem; border: 1px solid var(--color-line); color: var(--color-paper); font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: border-color var(--transition-fast), color var(--transition-fast); }
.socials-link:hover { border-color: var(--color-accent); color: var(--color-accent); }
.socials-link img { width: 2rem; height: 2rem; border-radius: var(--radius-small); }
.site-header--home .workshop-link__logo { width: 5.6rem; height: 3.6rem; }
.workshop-link:hover, .workshop-link.is-current { border-color: var(--color-accent); color: var(--color-accent); }
.nav-toggle { display: none; width: 2.75rem; height: 2.75rem; padding: 0.7rem; border: 1px solid var(--color-line); background: transparent; color: var(--color-paper); }
.nav-toggle span { display: block; height: 1px; margin: 0.35rem 0; background: currentColor; }
@media (min-width: 761px) and (max-width: 1100px) {
  .site-header .wordmark__logo, .site-header--home .wordmark__logo { height: 3rem; }
  .primary-nav { gap: 0.75rem; }
  .site-header--home .primary-nav { gap: 0; margin-left: 0.75rem; }
  .primary-nav__link { font-size: 0.6rem; letter-spacing: 0.04em; }
  .site-header--home .primary-nav__link { padding-right: 0.7rem; padding-left: 0.7rem; }
  .socials-link, .site-header--home .socials-link { gap: 0.4rem; margin-left: 0.6rem; padding: 0.35rem 0.55rem; font-size: 0.6rem; letter-spacing: 0.04em; }
  .socials-link img { width: 1.6rem; height: 1.6rem; }
  .workshop-link, .site-header--home .workshop-link { min-width: 7.5rem; min-height: 3rem; gap: 0.5rem; padding: 0.35rem 0.55rem; }
  .workshop-link__logo, .site-header--home .workshop-link__logo { width: 4.5rem; height: 2.8rem; }
}
@media (max-width: 760px) {
  .site-header, .site-header--home, .site-header--compact { min-height: 3.5625rem; }
  .site-header .wordmark__logo, .site-header--home .wordmark__logo { height: 3rem; }
  .nav-toggle { display: block; }
  .primary-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 0.75rem var(--page-gutter) 1.25rem; border-bottom: 1px solid var(--color-line); background: #65676a; }
  .primary-nav.is-open { display: flex; }
  .primary-nav__link, .site-header--home .primary-nav__link { padding: 0.85rem 0; font-size: 0.9rem; }
  .primary-nav__link.is-current::after { right: auto; bottom: 0.45rem; width: 1.5rem; }
  .workshop-link, .site-header--home .workshop-link, .socials-link { width: 100%; min-height: 3rem; margin-top: 0.5rem; }
  .socials-link { justify-content: center; }
}