/* Local color study: header only, 2026-09-28. */
.site-header { --lime: #c8ff00; --black: #070707; background: #070707; color: #f4f8ed; box-shadow: inset 0 -1px rgba(200,255,0,.12); }
.site-header .brand::before { background: #c8ff00; -webkit-mask-image: url('/brand/volta-black.png'); mask-image: url('/brand/volta-black.png'); }
.site-header .header-actions :is(.btn, .header-cta) { background: #c8ff00; color: #070707; }
.site-header .header-actions :is(.btn, .header-cta):hover { background: #d7ff3c; }
.site-header .main-nav > a:hover, .site-header .nav-menu-trigger:hover, .site-header .nav-menu-trigger.is-open { color: #c8ff00; opacity: 1; }
.site-header .nav-chevron { color: #c4d6b8; }
.site-header .menu-toggle { color: #c8ff00; }
@media(max-width: 900px) { .site-header .main-nav { background: #070707; color: #f4f8ed; } .site-header .main-nav .nav-chevron { color: #c4d6b8; } .site-header .main-nav .nav-menu-trigger:hover { background: transparent; } }

@font-face{font-family:'VoltaHeaderOnest';font-style:normal;font-weight:300 800;font-display:swap;src:url('./fonts/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'VoltaHeaderOnest';font-style:normal;font-weight:300 800;font-display:swap;src:url('./fonts/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VoltaHeaderUnbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('./fonts/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'VoltaHeaderUnbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('./fonts/unbounded-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Header layout and typography adapted from the local courier concept. */
.site-header { font-family: 'VoltaHeaderOnest', system-ui, sans-serif; }
.site-header .header-inner { display: flex; min-height: 70px; gap: 32px; }
.site-header .header-brand-group { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.site-header .brand-logo { height: 26px; }
.site-header .brand-description { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.2); color: #b6c9bf; font-size: 12.5px; font-weight: 400; line-height: 1.25; }
.site-header .main-nav { gap: 26px; margin-left: auto; font-family: 'VoltaHeaderOnest', system-ui, sans-serif; font-size: 15px; font-weight: 400; color: #b6c9bf; }
.site-header .header-actions { flex-shrink: 0; gap: 10px; }
.site-header .header-actions :is(.btn, .header-cta) { min-height: 42px; padding: 0 18px; border-radius: 12px; font-family: 'VoltaHeaderUnbounded', system-ui, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .01em; line-height: 1; color: #0a0a0a; box-shadow: 0 10px 44px rgba(200,255,0,.4), 0 0 0 1px rgba(200,255,0,.3); transition: transform .15s, box-shadow .25s, background-color .2s; }
.site-header .header-actions :is(.btn, .header-cta):hover { transform: none; box-shadow: 0 14px 56px rgba(200,255,0,.55), 0 0 0 1px rgba(200,255,0,.4); }
.site-header .header-actions :is(.btn, .header-cta):active { transform: scale(.975); }
.site-header :focus-visible { outline: 2px solid #c8ff00; outline-offset: 4px; }
@media (max-width: 980px) {
  .site-header .header-actions { margin-left: auto; }
  .site-header .main-nav { margin-left: 0; gap: 0; background: #070707; color: #b6c9bf; }
  .site-header .main-nav .nav-menu-trigger:hover, .site-header .main-nav .nav-menu-trigger.is-open { background: transparent; }
}
@media (max-width: 640px) {
  .site-header .header-inner { min-height: 62px; gap: 12px; }
  .site-header .brand-logo { height: 22px; }
  .site-header .brand-description { display: none; }
}

/* Keep the opaque header attached to the viewport during document scrolling. */
html { scroll-padding-top: 86px; }
body { overflow-x: clip; }
.site-header { position: sticky; top: 0; z-index: 60; backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (max-width: 640px) { html { scroll-padding-top: 78px; } }

.site-header .nav-menu-trigger { font-weight: 400; }