.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 86px;
  display: flex;
  align-items: center;
  gap: 1.618rem;
  background: #fffafb;
  border-bottom: 1px solid #ffe4e6;
  padding: 0 max(4%, calc((100% - 1180px) / 2));
}

.headerLogo {
  display: flex;
  align-items: center;
}

.headerLogo img {
  height: 2rem;
  width: auto;
}

.headerNav {
  margin-left: auto;
}

.headerNav .headerLink {
  color: #4c0519;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.headerNav .headerLink:hover {
  color: #c2186b;
}

.headerToggle {
  margin-left: auto;
  width: 44px;
  height: 44px;
  align-items: center;
}

.headerClose {
  width: 44px;
  height: 44px;
  text-align: center;
}

@media (max-width: 768px) {
  .siteHeader {
    height: 72px;
    padding: 0 1rem;
  }
  .headerNav {
    margin-left: 0;
  }
  .headerNav .headerLink {
    color: #f2eef0;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .headerNav .headerLink:hover {
    color: #e6329a;
  }
  .headerLogo img {
    height: 1.618rem;
  }
}