/* header.css - Site header: logo, navigation, mobile burger menu */
.site-header{
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--color-secondary);
  border-bottom: 2px solid var(--color-primary);
}.site-header__inner{
  max-width: 1390px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 24px;
}.site-header__logo{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}.site-header__logo img{
  display: block;
  width: 165px;
  height: auto;
}.site-nav{
  flex: 1 1 auto;
  min-width: 0;
}.site-nav__list{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}.site-header .site-nav__link{
  display: inline-block;
  padding: 10px 16px;
  color: var(--color-white);
  font-family: "Signika Negative", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 6px;
  transition: color .2s ease, background-color .2s ease;
}.site-nav__link:hover,.site-nav__link:focus-visible{
  color: var(--color-accent);
  background-color: rgba(255, 255, 255, .06);
}.site-header__actions{
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  margin-left: auto;
}.site-header .site-header__cta{
  display: inline-block;
  padding: 11px 22px;
  background-color: var(--color-accent);
  color: var(--color-secondary);
  font-family: "Signika Negative", Sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 17px;
  white-space: nowrap;
  transition: background-color .2s ease, transform .15s ease;
}.site-header__cta:hover,.site-header__cta:focus-visible{
  background-color: var(--color-highlight);
}.site-burger{
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 17px;
  cursor: pointer;
  background-color: var(--color-accent);
  flex: 0 0 auto;
  transition: background-color .2s ease;
}.site-burger:hover,.site-burger:focus,.site-burger:focus-visible{
  background-color: var(--color-accent);
  outline: none;
}.site-burger[aria-expanded="true"]:hover,.site-burger[aria-expanded="true"]:focus,.site-burger[aria-expanded="true"]:focus-visible{
  background-color: var(--color-secondary);
}.site-burger__bar{
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-secondary);
  transition: transform .25s ease, opacity .2s ease;
}.site-burger[aria-expanded="true"]{
  background-color: var(--color-secondary);
}.site-burger[aria-expanded="true"] .site-burger__bar{
  background-color: var(--color-accent);
}.site-burger[aria-expanded="true"] .site-burger__bar:nth-child(1){
  transform: translateY(7px) rotate(45deg);
}.site-burger[aria-expanded="true"] .site-burger__bar:nth-child(2){
  opacity: 0;
}.site-burger[aria-expanded="true"] .site-burger__bar:nth-child(3){
  transform: translateY(-7px) rotate(-45deg);
}@media  (max-width: 1050px) {.site-header__inner{
    padding: 14px 20px;
    gap: 16px;
  }.site-header__logo img{
    width: 140px;
  }.site-burger{
    display: flex;
  }.site-nav{
    position: fixed;
    top: var(--site-header-height, 76px);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(59, 33, 86, .9);
    overflow-y: auto;
    transform: translateY(-12px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
  }.site-nav.is-open{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }.site-nav__list{
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 20px 24px;
  }.site-header .site-nav__link{
    width: 100%;
    padding: 16px 8px;
    font-size: 20px;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }}@media  (max-width: 480px) {.site-header__cta{
    padding: 9px 16px;
    font-size: 13px;
  }.site-header__logo img{
    width: 120px;
  }}